我正在尝试嵌入 Vimeo 视频并强制它默认使用 HTML5。
Here's a thread 关于做我想做的事情，但要使用 YouTube。
Here's another thread 谈论获取 Vimeo HTML5 cookie
Here's a discussion of the issue 在 Vimeo 的网站上。基本上，我会根据用户在我的网站上的偏好来做这件事，所以他们的担忧并不真正适用。
是否有人知道即使在 Flash 可用时也可以强制嵌入 HTML5 Vimeo 的解决方法或方法？ （我知道 cookie 应该可以在 Safari 中使用，但我有很多 Chrome 用户。）
谢谢。
【问题讨论】：
标签： html5-video vimeo
目前无法通过嵌入脚本强制 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 将镜像视频，然后稍微旋转它。如果它在 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>
【讨论】：