如何在Android应用中播放YouTube视频?


本例演示如何在Android中播放YouTube视频。

步骤1 − 在Android Studio中创建一个新项目,转到文件 ⇒ 新建项目,并填写所有必需的详细信息以创建新项目。

步骤2 – 在build.gradle (Module:app)中添加以下依赖项。

implementation 'com.android.support:recyclerview-v7:28.0.0'
implementation 'com.android.support:cardview-v7:28.0.0'

步骤3 − 将以下代码添加到res/layout/activity_main.xml。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:padding="16sp"
   tools:context=".MainActivity">
   <android.support.v7.widget.RecyclerView
      android:id="@+id/recyclerView"
      android:layout_width="match_parent"
      android:layout_height="match_parent">
   </android.support.v7.widget.RecyclerView>
</RelativeLayout>

步骤4 – 创建一个布局资源文件 (Video_view.xml) 并添加以下代码 −

<?xml version="1.0" encoding="utf-8"?>
<WebView xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/webView"
   android:layout_width="match_parent" android:layout_height="180dp">
</WebView>

步骤5 – 创建一个Java类youTubeVideos.java并添加以下代码 −

public class youTubeVideos {
   String videoUrl;
   public youTubeVideos() {
   }
   public youTubeVideos(String videoUrl) {
      this.videoUrl = videoUrl;
   }
   public String getVideoUrl() {
      return videoUrl;
   }
   public void setVideoUrl(String videoUrl) {
      this.videoUrl = videoUrl;
   }
}

步骤6 – 创建一个Java类VideoAdapter.java并添加以下代码 −

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import java.util.List;
public class VideoAdapter extends RecyclerView.Adapter<VideoAdapter.VideoViewHolder> {
   private List<youTubeVideos> youtubeVideoList;
   VideoAdapter(List<youTubeVideos> youtubeVideoList) {
      this.youtubeVideoList = youtubeVideoList;
   }
   @Override
   public VideoViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
      View view = LayoutInflater.from( parent.getContext()).inflate(R.layout.video_view, parent, false);
      return new VideoViewHolder(view);
   }
   @Override
   public void onBindViewHolder(VideoViewHolder holder, int position) {
      holder.videoWeb.loadData( youtubeVideoList.get(position).getVideoUrl(), "text/html" , "utf-8");
   }
   @Override
   public int getItemCount() {
      return youtubeVideoList.size();
   }
   class VideoViewHolder extends RecyclerView.ViewHolder{
      WebView videoWeb;
      VideoViewHolder(View itemView) {
         super(itemView);
         videoWeb = itemView.findViewById(R.id.webView);
         videoWeb.getSettings().setJavaScriptEnabled(true);
         videoWeb.setWebChromeClient(new WebChromeClient() {
         } );
      }
   }
}

步骤7 − 将以下代码添加到src/MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import java.util.Vector;
public class MainActivity extends AppCompatActivity {
   RecyclerView recyclerView;
   Vector<youTubeVideos> youtubeVideos = new Vector<>();
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      recyclerView = findViewById(R.id.recyclerView);
      recyclerView.setHasFixedSize(true);
      recyclerView.setLayoutManager( new LinearLayoutManager(this));
      youtubeVideos.add( new youTubeVideos("<iframe width=\"100%\" height=\"100%\" src=\"https://www" + ".youtube.com/embed/eWEF1Zrmdow\" frameborder=\"0\" allowfullscreen></iframe>") );
      youtubeVideos.add( new youTubeVideos("<iframe width=\"100%\" height=\"100%\" src=\"https://www" +".youtube.com/embed/KyJ71G2UxTQ\" frameborder=\"0\" allowfullscreen></iframe>") );
      youtubeVideos.add( new youTubeVideos("<iframe width=\"100%\" height=\"100%\" src=\"https://www" +".youtube.com/embed/y8Rr39jKFKU\" frameborder=\"0\" allowfullscreen></iframe>") );
      youtubeVideos.add( new youTubeVideos("<iframe width=\"100%\" height=\"100%\" src=\"https://www" +".youtube.com/embed/8Hg1tqIwIfI\" frameborder=\"0\" allowfullscreen></iframe>") );
      youtubeVideos.add( new youTubeVideos("<iframe width=\"100%\" height=\"100%\" src=\"https://www" +".youtube.com/embed/uhQ7mh_o_cM\" frameborder=\"0\" allowfullscreen></iframe>") );
      VideoAdapter videoAdapter = new VideoAdapter(youtubeVideos);
      recyclerView.setAdapter(videoAdapter);
   }
}

步骤8 − 将以下代码添加到androidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="app.com.sample">
   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
   <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
   <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
   <uses-permission android:name="android.permission.INTERNET" />
   <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>

让我们尝试运行您的应用程序。我假设您已将您的实际Android移动设备连接到您的计算机。要在Android Studio中运行应用程序,请打开项目中的一个activity文件,然后单击运行播放图标 工具栏中的图标。选择您的移动设备作为选项,然后检查您的移动设备,它将显示您的默认屏幕 –

点击这里下载项目代码。

更新于:2020年7月3日

2K+ 浏览量

开启您的职业生涯

通过完成课程获得认证

开始
广告