Question

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

Here's a thread关于做与YouTube有关的事情。

Here's another thread谈论获取Vimeo HTML5 cookie

Vimeo网站上的

Here's a discussion of the issue。基本上，我会这样做是为了回应用户对我网站的偏好，所以他们的担忧并不真正适用。

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

感谢。

Answer 1

目前无法使用嵌入脚本强制HTML5。 “通用播放器”会根据设备自动选择格式。

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

让我们希望将来可以选择。

Answer 2

在带闪存的浏览器上，播放器使用以下代码以html5模式加载。沙盒可防止iframe访问任何插件，包括闪存。

<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网页，您需要“allow-popups”权限。播放视频不需要。

编辑：添加完整示例

如果您只有一个黑色视图，那么视频的大小可能为零，因为我将iframe设置为填充宽度为100％的父级，但如果父级缩小到适合那么该大小仍然为零。这是一个包含CSS的整个网页，可以让视频填满大部分页面。此外，-webkit-transform将镜像视频，然后稍微旋转。如果它在闪光灯中显示，则会产生黑屏，因为它根本无法处理旋转。我已经发现这可能根本不适用于firefox，因为它本身不支持h.264，这都是vimeo服务，并且禁用插件将禁用任何插件使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>

强制Vimeo HTML5视频嵌入

2 个答案: