blocks|key|479137|text|目前还没有办法通过嵌入脚本来强制HTML5。“通用播放器”根据设备自动选择格式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|479138|旧的embed提供了一种强制Flash的方法，但这是唯一的选择。|479139|让我们期待未来的选择。|479140|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

<p>Currently there is no way to force HTML5 with the embed script. The "universal player" automatically chooses the format based on the device. </p>

<p>The old embed provides a way to force Flash, but that's the only other option.</p>

<p>Let's hope for the option in the future.</p>


blocks|key|262536|text|在带有flash的浏览器上，播放器以html5模式加载，代码如下。沙箱阻止iframe访问包括flash在内的任何插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|262537|<iframe+sandbox="allow-same-origin+allow-scripts+allow-popups"
++id="foo"+width="100%25"+height="90%25"
++allowfullscreen=""+webkitallowfullscreen=""+mozallowfullscreen=""+
++src="http://player.vimeo.com/video/28544156?api=1">
</iframe>|code-block|syntax|javascript|262538|要允许vimeo按钮打开视频的vimeo网页，您需要“允许弹出窗口”权限。不需要播放视频。|262539|编辑:添加完整示例|262540|如果你只有一个黑色视图，视频的大小可能是零，因为我将iframe设置为用宽度100%25填充父对象，但是如果父对象缩小到合适的大小，那么大小仍然是零。这里是一个完整的网页与CSS，使视频占满了页面的大部分。此外，-webkit-transform将镜像视频，然后稍微旋转它。如果它在flash中显示，这将产生一个黑屏，因为它根本不能处理旋转。我后来发现，这可能根本不能在firefox上工作，因为它本身并不支持h.264，而h.264是vimeo的全部服务，禁用插件会禁用任何让H.264在firefox上工作的插件。|262541|<!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%25"+height="90%25"
++++++++allowfullscreen=""+webkitallowfullscreen=""+mozallowfullscreen=""+
++++++++src="http://player.vimeo.com/video/28544156?api=1">
++++++</iframe>
++++</div>
++</body>
</html>|262542|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>On a browser with flash the player loads in html5 mode with the following code. The sandbox prevents the iframe from accessing any plugins including flash. </p>

<pre class="lang-html prettyprint-override"><code>&lt;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"&gt;
&lt;/iframe&gt;
</code></pre>

<p>To allow the vimeo button to open the vimeo web page for the video you need the 'allow-popups' permission. It's not needed to play the video.</p>

<p>Edit: adding complete example</p>

<p>If you had just a black view it's possible that the video had a size of zero because I had the iframe set to fill parent with width 100%, but if the parent was shrink to fit then that size would still be zero. Here is a whole web page with the CSS to make the video fill up most of the page. Additionally the -webkit-transform will mirror image the video, and then rotate it slightly. If it was displaying in flash this would produce a black screen as it can't handle rotations at all. I have since found out that this probably won't work on firefox at all because it doesn't natively support h.264 which is all vimeo serves, and disabling plugins will disable whatever plugin is making h.264 work on firefox.</p>

<pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
div {
  display: inline-block;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
iframe {
  -webkit-transform: scaleX(-1) rotate(2deg);
}
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;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"&gt;
      &lt;/iframe&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>


<p>I'm trying to embed a Vimeo video and force it to use HTML5 by default.</p>
<p><a href="https://stackoverflow.com/questions/5845484/force-html5-youtube-video">Here's a thread</a> about doing the same thing I'm tying to do but with YouTube.</p>
<p><a href="https://stackoverflow.com/questions/6407008/what-is-a-good-way-to-embed-vimeo-videos-in-html5-format">Here's another thread</a> talking about getting the Vimeo HTML5 cookie</p>
<p><a href="https://vimeo.com/forums/topic:46313" rel="noreferrer">Here's a discussion of the issue</a> on Vimeo's site. Basically, I would be doing it in response to a user's preference on my site so their concerns don't really apply.</p>
<p>Does anyone know a workaround or way to force HTML5 Vimeo embeds even when Flash is available?  (I know the cookie should work in Safari but I have many Chrome users.)</p>
<p>Thanks.</p>


Force Vimeo HTML5 Video Embed

HTML5

我正在尝试嵌入一个Vimeo视频，并强制它默认使用HTML5。除了用YouTube，我还想做同样的事情。谈论如何获得Vimeo HTML5 cookieVimeo网站上的。基本上，我这样做是为了响应用户在我的网站上的偏好，这样他们的担忧就不会真正适用。有没有人知道一个变通的办法或方法来强制HTML5 Vimeo嵌入，即...

问强制Vimeo HTML5视频嵌入
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问强制Vimeo HTML5视频嵌入EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问强制Vimeo HTML5视频嵌入
EN