Html HTML5 格式的 Vimeo 视频播放器
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/35055233/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Vimeo Video Player in HTML5
提问by Suresh Palanisamy
How to play vimeo videos on HTML5 player?
如何在 HTML5 播放器上播放 vimeo 视频?
Step 1:
第1步:
<video width="320" height="240" controls>
<source src="http://player.vimeo.com/video/3873878">
</video>
Step 2:
第2步:
<video src="http://player.vimeo.com/video/3873878" width="320" height="240" controls></video>
回答by Peter Rhodes
This Vimeo docmight help. This is working for us:
这个 Vimeo 文档可能会有所帮助。这对我们有用:
- You need a Vimeo Pro account.
Get the video link from the Distribution tab when looking at the video settings in Vimeo:
Add the video link to your HTML5 video tag:
<video width="320" height="240" controls>
<source type="video/mp4"
src="https://player.vimeo.com/external/*.hd.mp4?s=*&profile_id=*">
</video>
<video width="320" height="240" controls>
<source type="video/mp4"
src="https://player.vimeo.com/external/*.hd.mp4?s=*&profile_id=*">
</video>
回答by Brad Dougherty
You will need to use our standard embed code unless you're a PRO member. Our embeds default to HTML5 and use it wherever possible.
除非您是 PRO 会员,否则您将需要使用我们的标准嵌入代码。我们的嵌入默认为 HTML5,并尽可能使用它。
<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
See our FAQ for info: https://vimeo.com/s/tdf, https://vimeo.com/s/adg
有关信息,请参阅我们的常见问题解答:https: //vimeo.com/s/tdf、https: //vimeo.com/s/adg
回答by Brad Dougherty
Use these settings
使用这些设置
<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
回答by AGrush
<iframe class="b-hero_image lazy"
data-src="https://player.vimeo.com/video/1111111?autoplay=1&loop=1&autopause=0&api=1&controls=0&muted=1?playsinline=0"
width="640"
height="300"
frameborder="0"
allow="autoplay;
fullscreen"
allowfullscreen
muted
playsinline>
</iframe>