以HTML5格式嵌入Vimeo视频的好方法是什么?

时间:2011-06-20 05:05:20

标签: html5 html5-video vimeo

我不想以Flash格式嵌入Vimeo视频。如何以HTML5格式嵌入它们?

3 个答案:

答案 0 :(得分:4)

在具有Flash Player的浏览器上,它使用以下代码以HTML5模式加载:

<iframe sandbox="allow-same-origin allow-scripts allow-popups"
  id="foo" width="100%" height="90%"
  allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" 
  src="http://player.vimeo.com/video/28544156?api=1">
</iframe>

沙箱会阻止HTML iframe代码访问包括flash在内的任何插件。

要允许vimeo按钮打开视频的vimeo网页,您需要“allow-popups”权限。播放视频不需要。

答案 1 :(得分:2)

他们实际上是通过cookie启用HTML5,因此我认为您不能直接链接到HTML5版本。这是他们用来在Flash和HTML5之间切换的JS代码:

function toggle_html5_player(obj, on) {
    if (on) {
        setCookie("html_player", 1, 365);
    } else {
        setCookie("html_player", 0, 365);
    }
    reload_page();
}

编辑:

关于嵌入,官方博客文章指出:

  

它现在仅适用于Vimeo.com,嵌入代码仍然是Flash

编辑2:

实际上,这是一个旧陈述,不再适用。如果设置了上述cookie,新嵌入式实际上会在不支持Flash的设备(如iPad或iPod)上自动使用HTML5。

答案 2 :(得分:1)

这就是Vimeo关于HTML5视频的说法:http://vimeo.com/blog:268