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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 18:52:37  来源:igfitidea点击:

Vimeo Video Player in HTML5

htmlhtml5-videovimeovimeo-apivimeo-player

提问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 文档可能会有所帮助。这对我们有用:

  1. You need a Vimeo Pro account.
  2. Get the video link from the Distribution tab when looking at the video settings in Vimeo: enter image description here

  3. Add the video link to your HTML5 video tag:

  1. 您需要一个 Vimeo Pro 帐户。
  2. 查看 Vimeo 中的视频设置时,从分发选项卡获取视频链接: 在此处输入图片说明

  3. 将视频链接添加到您的 HTML5 视频标签:

<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>