html5媒体播放器播放youtube视频

Posted 2023-05-07

【中文标题】html5媒体播放器播放youtube视频

【英文标题】：html5 mediaplayer to play youtube video

【发布时间】：2014-09-27 18:06:18

【问题描述】：

我想在我的安卓设备上播放带有 html5 的 youtube 视频。我还想添加一些 CSS 并更改媒体控件。我怎样才能做到这一点？有什么好的起点或一些示例应用程序吗？

【问题讨论】：

您需要更清楚地阐述您的问题以获得更多关注。

您不能简单地将 iframe 与您想观看的视频的链接一起使用吗？您能详细说明一下吗/您是否尝试过实现任何代码？

我想从资产内的本地文件中使用 CSS 和 javascript 播放 youtube 视频。或者我想在 html5 上播放 youtube 视频。这怎么可能？

看这个答案***.com/a/16179544/1332892

在android中使用chrome客户端

【参考方案1】：

您可能需要考虑尝试在 Android WebView 中使用 YouTube Embedded API。

基本上，您将创建一个包含 WebView 的 Activity，该 WebView 会加载包含 youtube <iframe> 的 HTML 文件。

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

【参考方案2】：

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

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

它可以完全自定义控件的设计和许多其他选项。 它使用 HTML5 视频标签，没有 iframe！ 对于较旧的设备/浏览器，它有一个后备。 简直太棒了^^

【参考方案3】：

Sample app

Code

Source Code

将此代码添加到 Mainfest -

<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 添加为 Extra 并启动 Activity

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 Player 自定义 YouTube 视频