Question

关于Youtube API Blog他们正在尝试新的 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 Trial，即使客户端的浏览器支持HTML5视频，播放器也会自动退回到Flash播放器中。

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

否则如何禁用闪回后退？

编辑：

可以通过links to Youtube Video强制HTML播放器，但我需要这种功能用于嵌入式视频。

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。

参数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&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>

希望这对某人有用

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。.：）

强制HTML5 YouTube视频

5 个答案: