强制HTML5 YouTube视频

问题描述 投票:116回答:4

关于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播放器,但我需要这种功能用于嵌入式视频。

html5 video youtube
4个回答
178
投票

我找到了解决方案:

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

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

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


20
投票

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

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


4
投票

我尝试使用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>

希望这对某人有用


2
投票

如果您正在使用iframe嵌入式api,您可以将html5:1作为playerVars参数之一,如下所示:

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

完全有效。

© www.soinside.com 2019 - 2024. All rights reserved.