18

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

这是一个关于做我想做但与 YouTube 相同的事情的线程。

这是另一个讨论获取 Vimeo HTML5 cookie的线程

这是Vimeo 网站上对该问题的讨论。基本上，我会根据用户在我的网站上的偏好来做这件事，所以他们的担忧并不真正适用。

有没有人知道即使在 Flash 可用时也可以强制嵌入 HTML5 Vimeo 的解决方法或方法？（我知道 cookie 应该可以在 Safari 中使用，但我有很多 Chrome 用户。）

谢谢。

4

2 回答 2

5

目前没有办法强制使用嵌入脚本的 HTML5。“万能播放器”会根据设备自动选择格式。

旧嵌入提供了一种强制 Flash 的方法，但这是唯一的其他选择。

让我们期待未来的选择。

于 2012-11-23T17:26:24.837 回答
2

在带有 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 将镜像视频，然后稍微旋转它。如果它在 Flash 中显示，则会产生黑屏，因为它根本无法处理旋转。从那以后，我发现这可能根本不适用于 Firefox，因为它本身不支持所有 vimeo 服务的 h.264，并且禁用插件将禁用使 h.264 在 Firefox 上工作的任何插件。

<!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>
于 2013-08-26T23:31:27.810 回答