HTML5媒体播放器如何播放YouTube视频？

Question

我希望在我的安卓设备上使用HTML5播放YouTube视频。我还想添加一些CSS并更改媒体控制。我该如何实现这一点？有没有好的起点或一些示例应用程序？

- asok Buzz

---

你需要更清晰地阐述你的问题，以获得更多的关注。 - VVB

你难道不能简单地使用包含你想观看的视频链接的 iframe 吗？你可以详细说明一下吗/你尝试过实现任何代码吗？ - Dan

我想使用CSS和JavaScript从资产内部的本地文件播放YouTube视频，或者我想在HTML5上播放YouTube视频。这可能吗？ - asok Buzz

看看这个答案 https://dev59.com/pGUo5IYBdhLWcg3wxB7T#16179544 - Mehul

在安卓系统中使用Chrome客户端。 - KOTIOS

Answer 1

你可能想考虑在Android WebView中尝试使用YouTube嵌入式API。基本上，您需要创建一个包含加载包含youtube <iframe>的HTML文件的WebView的Activity。

YouTube嵌入式API不允许完全自定义，但有一些参数可用于更改颜色和控制样式。

- Adam Sax

Answer 2

试用videojs-youtube-plugin，它基于videojs。

Videojs是最好的HTML5视频播放器之一，每当我们需要包含视频时都会使用它。

它可以完全自定义控件设计和许多其他选项。 它使用HTML5视频标签而非iframes！ 对于旧设备/浏览器，它具有回退功能。 它只是太棒了^^

- Stephan

Answer 3

示例应用

代码

源代码

还需将此代码添加到主清单文件中 -

<activity
    android:name="com.sample.android.YouTubePlayerActivity"
    android:configChanges="keyboardHidden|orientation|screenSize"
    android:screenOrientation="sensor"
    android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen" >
</activity>

使用方法

将Youtube_api_key放入YouTubePlayerActivity中

public static final String GOOGLE_API_KEY = "AIzaSyAOfxiG4aV66h3XmssCEkP3qCvCq******";

从URL获取Youtube视频id

final String videoId = YouTubePlayerActivity.getYouTubeVideoId("VideoURL");

将视频ID作为额外内容添加并启动活动。

Intent intent = new Intent(MainActivity.this, YouTubePlayerActivity.class);
intent.putExtra(YouTubePlayerActivity.EXTRA_VIDEO_ID, videoId);
intent.setFlags(Intent.FLAG_ACTIVITY_NO_HISTORY);
startActivity(intent);

编辑

您还可以使用YouTube播放器自定义YouTube视频。

- Confuse