强制Vimeo HTML5视频嵌入
我正在尝试嵌入一个Vimeo视频，并强制它默认使用HTML5。
除了用YouTube，我还想做同样的事情。
Here's another thread谈论如何获得Vimeo HTML5 cookie
Vimeo网站上的Here's a discussion of the issue。基本上，我这样做是为了响应用户在我的网站上的偏好，这样他们的担忧就不会真正适用。
有没有人知道一个变通的办法或方法来强制HTML5 Vimeo嵌入，即使在闪存可用时？(我知道cookie应该可以在Safari中使用，但我有很多Chrome用户。)
谢谢。
回答 2
Stack Overflow用户
发布于 2012-11-24 01:26:25
目前还没有办法通过嵌入脚本来强制HTML5。“通用播放器”根据设备自动选择格式。
旧的embed提供了一种强制Flash的方法，但这是唯一的选择。
让我们期待未来的选择。
Stack Overflow用户
发布于 2013-08-27 07:31:28
在带有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上工作，因为它本身并不支持h.264，而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>https://stackoverflow.com/questions/12395981
复制相似问题