Force HTML5 youtube video

关于 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>

But if the client has not joined the HTML5试用版, the player will automatically fall back into the flash player even if the client's browser is HTML5 video capable.

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

否则如何禁用闪存后备？

编辑:

强制 HTML 播放器通过 链接到 Youtube 视频是可能的，但是我需要为嵌入式视频提供这种特性。

208836 次浏览
小开
最佳答案

我找到了解决办法:

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

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

视频将显示为 HTML5，如果可用，或后退到闪存播放器。

小开

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

我修改了旧的对象嵌入代码，它工作得非常好。 所以如果你对 iframe 有问题，这里是我使用的代码:

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

希望这对某人有用

小开

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

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

小开

If you're using the iframe embed API, you can put html5: 1 as one of the playerVars arguments, like so:

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

完全可以。

小开

内联标记用于向当前 html 元素添加另一个 src 文档。

在您的情况下，一个 youtube 的视频，我们需要指定的 html 类型(4或5)的浏览器外部的链接

so add ?html=5 to the end of the link.. :)


提交答案