强制 HTML5 YouTube 视频

Question

关于 Youtube API 博客，他们正在试验他们的新 HTML5 视频播放器。

显然要在 html5 中播放视频，您必须使用 iframe 嵌入代码：

<iframe class="youtube-player" type="text/html" width="640" height="385"
  src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

但如果客户端尚未加入 HTML5试用，即使客户端的浏览器支持 HTML5 视频，播放器也会自动退回到 Flash 播放器。

如果浏览器支持HTML5视频，即使用户尚未参与HTML5试用，如何强制播放HTML5视频？

否则如何禁用闪存回退？

编辑：

可以通过 链接强制 HTML 播放器到 Youtube Video，但我需要这种嵌入视频的功能。

Answer 1

我找到了解决方案：

您必须在 iframe 的 src 属性中添加 html5=1 ：

<iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>

视频将显示为 HTML5（如果可用），或者回退到 Flash 播放器。

Answer 2

YouTube 视频是否以 HTML5 格式播放取决于每个浏览器 https://www.youtube.com/html5 的设置。 Chrome 更喜欢自动播放 HTML5，但即使是最新的 Firefox 和 Internet Explorer 仍然使用 Flash（如果计算机上安装了 Flash）。

参数 html5=1 现在不再执行任何操作。 （请注意，它甚至没有在 https://developers.google.com/youtube/player_parameters 中列出。）

Answer 3

我尝试使用 iframe 嵌入代码并且出现了 HTML5 播放器，但是，由于某种原因 iframe 完全破坏了我的网站。

我搞乱了旧的对象嵌入代码，它工作得很好。
因此，如果您遇到 iframe 问题，这是我使用的代码：

<object width="640" height="360">
<param name="movie" value="http://www.youtube.com/embed/VIDEO_ID?html5=1&rel=0&hl=en_US&version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="640" height="360" src="http://www.youtube.com/embed/VIDEO_ID?html5=1&rel=0&hl=en_US&version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>

希望这对某人有用

Answer 4

如果您使用 iframe 嵌入 API，则可以将 html5: 1 作为 playerVars 参数之一，如下所示：

player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: '<VIDEO ID>',
    playerVars: {
        html5: 1
    },
});

完全有效。

Answer 5

内联标签用于将文档的另一个 src 添加到当前 html 元素。

在您的情况下，YouTube 视频，我们需要向链接外部的浏览器指定 html 类型（4 或 5），

因此将 ?html=5 添加到链接末尾..:)