Hello Readers! In this post, we are going to learn about how to use android videoView programmatically in kotlin in the application. We will also learn how to add videoView to linearLayout programmatically in android application.

Output

Tutorialwing Android Dynamic VideoView Output

Getting Started

At first, we will create android project. Then, we will create and use videoView programmatically in kotlin file.

1. Creating New Project in Kotlin

Follow the steps below to create new project. Please ignore the steps if you have already created a new project.

Now, we will modify xml and kotlin file to use videoView dynamically.

2. Modify Values Folder

Open res/values/strings.xml file. Then, add below code into it.

<resources>
	<string name="app_name">DynamicVideoView</string>
	<string name="play">Play</string>
	<string name="pause">Pause</string>
	<string name="paused">Paused…</string>
	<string name="playing">Playing…</string>
</resources>

3. Modify Layout Folder

Open res/layout/activity_main.xml file. Then, add below code into it.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	android:id="@+id/rootContainer"
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:gravity="center"
	android:orientation="vertical">

	<Button
		android:id="@+id/button"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_margin="5dp"
		android:text="@string/play"/>

</LinearLayout>

In activity_main.xml file, we defined a button and linearLayout, with id rootContainer, that will act as container for the videoVide widget created programmatically in kotlin file in the application.

4. Create Android VideoView Programmatically / Dynamically in Kotlin

Open app/src/main/java/com.tutorialwing.dynamicvideoview/MainActivity.kt file. Then, add below code into it.

package com.tutorialwing.dynamicvideoview

import android.net.Uri
import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import android.view.ViewGroup
import android.widget.Button
import android.widget.LinearLayout
import android.widget.Toast
import android.widget.VideoView

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val videoView = VideoView(this)
        val layoutParams = LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)
        layoutParams.setMargins(10, 10, 10, 10)
        videoView.layoutParams = layoutParams

        val path = "android.resource://" + packageName + "/" + R.raw.a
        videoView.setVideoURI(Uri.parse(path))

        val linearLayout = findViewById<LinearLayout>(R.id.rootContainer)
        // Add VideoView to LinearLayout
        linearLayout?.addView(videoView)

        val button = findViewById<Button>(R.id.button)
        button?.setOnClickListener {
            val isPlaying = videoView.isPlaying
            button.setText(if (isPlaying) R.string.play else R.string.pause)

            val msg = getString(if (isPlaying) R.string.paused else R.string.playing)
            Toast.makeText(this@MainActivity, msg, Toast.LENGTH_SHORT).show()
            if (isPlaying) {
                videoView.pause()
            } else {
                videoView.start()
            }
        }
    }
}

We have created videoView programmatically in kotlin file (i.e. in MainActivity.kt file). Then, we have set it’s layout params, margins. Then, we accessed video resource stored in res/raw folder. After that, we set video resource to videoView. Then, added videoView in linearLayout. At last, We have set click listener to button play/pause video in videoView. If Video is already playing, it will be paused otherwise, it will be played.

Since AndroidManifest.xml file is very important in any android application, we are also going to see the content inside this file.

AndroidManifest.xml file

Code inside src/main/AndroidManifest.xml file is –

<?xml version="1.0" encoding="utf-8"?>
<manifest package="com.tutorialwing.dynamicvideoview"
		  xmlns:android="http://schemas.android.com/apk/res/android">

	<application
		android:allowBackup="true"
		android:icon="@mipmap/ic_launcher"
		android:label="@string/app_name"
		android:roundIcon="@mipmap/ic_launcher_round"
		android:supportsRtl="true"
		android:theme="@style/AppTheme">
		<activity android:name=".MainActivity">
			<intent-filter>
				<action android:name="android.intent.action.MAIN"/>

				<category android:name="android.intent.category.LAUNCHER"/>
			</intent-filter>
		</activity>
	</application>

</manifest>

When we run the program, we will get output as shown above.

That’s end of our tutorial on Creating Android videoView Programmatically in Kotlin.