怎么强制Vimeo HTML5视频嵌入?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (129)

我试图嵌入Vimeo视频并强制它默认使用HTML5。

有人知道即使在Flash可用时,强制嵌入HTML5 Vimeo的解决方法或方法吗?(我知道Cookie应该可以在Safari中使用,但我有很多Chrome用户。)

提问于
用户回答回答于

目前无法通过嵌入脚本强制HTML5。“通用播放器”自动选择基于设备的格式。

旧嵌入提供了一种强制Flash的方式,但这是唯一的选择。

用户回答回答于

在带有Flash的浏览器中,播放器使用以下代码以html5模式加载。沙盒阻止iframe访问包括flash在内的任何插件。

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

要允许vimeo按钮打开视频的vimeo网页,需要'允许弹出'权限。不需要播放视频。

添加完整的示例

如果你只是一个黑色的视图,可能视频的大小为零,因为我的iframe设置为填充父宽度为100%,但如果父缩小到适合,那么这个大小仍然是零。这是一个带有CSS的整个网页,以使视频充满大部分页面。另外,-webkit-transform将镜像视频,然后稍微旋转它。如果它在闪光灯下显示,则会产生黑屏,因为它根本无法处理旋转。我后来发现,这可能不会在Firefox上工作,因为它本身不支持所有vimeo服务的h.264,并且禁用插件将禁用任何插件在hfox上使h.264工作。

<!DOCTYPE html>
<html>
  <head>
    <style>
div {
  display: inline-block;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
iframe {
  -webkit-transform: scaleX(-1) rotate(2deg);
}
    </style>
  </head>
  <body>
    <div>
      <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>
    </div>
  </body>
</html>

所属标签

可能回答问题的人

  • 人生的旅途

    10 粉丝484 提问5 回答
  • 天使的炫翼

    17 粉丝531 提问5 回答
  • 不吃貓的鱼oo

    4 粉丝466 提问4 回答
  • 找虫虫

    0 粉丝0 提问4 回答

扫码关注云+社区

领取腾讯云代金券