How To Embed YouTube video in android app
YouTube is #1 video sharing platform with millions of user all over the globe. embed youtube video in web applications is easy. To embed youtube video in android app needs little more efforts. So in this tutorial, we will learn how to embed youtube video in android app.
DEMO
DOWNLOAD PROJECT
How To Embed YouTube video in android app
To Embed YouTube video in Android app we need to enable YouTube Data API and API key to access this service
STEP 1: Enable YouTube Data API:
Go to Google API Console Create new Project or choose existing.
Go to Enable API and search for YouTube Data API enable it.
STEP 2: Create API Key:
Go to Credentials section and select Create Credentials -> API Key. Copy this key to clipboard we will need this while writing Android app.
STEP 3: Adding YouTube Android Player API Library
Create new android studio project or choose existing. Go to YouTube Android Player API Library download page. Download and copy YouTubeAndroidPlayerApi jar file from the archive paste it inside libs folder of your project.
Then Right click on the jar file and select add as a library.
STEP 4: Create Activity
now create a new layout -> activity_main.xml which will contain YouTubePlayerView.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.loopwiki.youtubeplayerexample.MainActivity"> <com.google.android.youtube.player.YouTubePlayerView android:id="@+id/youtubePlayerView" android:layout_width="match_parent" android:layout_height="wrap_content" /> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp"> <android.support.design.widget.TextInputEditText android:id="@+id/editTextId" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:hint="Enter Youtube video Id" android:lines="1" /> </android.support.design.widget.TextInputLayout> <Button android:id="@+id/buttonPlay" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="8dp" android:text="Play" /> </LinearLayout> |
create new class Package Name-> MainActivity.java
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
package com.loopwiki.youtubeplayerexample; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import com.google.android.youtube.player.YouTubeBaseActivity; import com.google.android.youtube.player.YouTubeInitializationResult; import com.google.android.youtube.player.YouTubePlayer; import com.google.android.youtube.player.YouTubePlayerView; public class MainActivity extends YouTubeBaseActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final EditText editTextId = findViewById(R.id.editTextId); Button buttonPlay = findViewById(R.id.buttonPlay); final YouTubePlayerView youtubePlayerView = findViewById(R.id.youtubePlayerView); buttonPlay.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { String videoId = editTextId.getText().toString(); playVideo(videoId, youtubePlayerView); } }); } public void playVideo(final String videoId, YouTubePlayerView youTubePlayerView) { //initialize youtube player view youTubePlayerView.initialize("YOUR API KEY HERE", new YouTubePlayer.OnInitializedListener() { @Override public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer youTubePlayer, boolean b) { youTubePlayer.cueVideo(videoId); } @Override public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult youTubeInitializationResult) { } }); } } |
Breaking MainActvity
The following piece of code will set click listener on the play Button. When we will click on play button it will take id of video from EditText and pass it to method playVideo() Method.
|
1 2 3 4 5 6 7 |
buttonPlay.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { String videoId = editTextId.getText().toString(); playVideo(videoId, youtubePlayerView); } }); |
Inside playVideo() initialize YouTubePlayerView with API key. Then when onInitializationSuccess() call cueVideo() with id of video.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
public void playVideo(final String videoId, YouTubePlayerView youTubePlayerView) { //initialize youtube player view youTubePlayerView.initialize("YOUR API KEY HERE", new YouTubePlayer.OnInitializedListener() { @Override public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer youTubePlayer, boolean b) { youTubePlayer.cueVideo(videoId); } @Override public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult youTubeInitializationResult) { } }); } |
Add internet permission inside your manifest.xml
<uses-permission android:name="android.permission.INTERNET" />
Done now run the application.
If you still have any queries, please post them in the comments section below, I will be happy to help you. If you have any other questions in mind then make sure to visit our ask section.
