HTML5中的Vimeo视频播放器

Question

如何在HTML5播放器上播放vimeo视频？

第1步：

<video width="320" height="240" controls>
  <source src="http://player.vimeo.com/video/3873878">
</video>

第2步：

<video src="http://player.vimeo.com/video/3873878" width="320" height="240" controls></video>

Answer 1

除非您是PRO会员，否则您需要使用我们的标准嵌入代码。我们的嵌入默认为HTML5并尽可能使用它。

<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

请参阅我们的常见问题解答，了解相关信息：https://vimeo.com/s/tdf，https://vimeo.com/s/adg

Answer 2

This Vimeo doc可能会有所帮助。这对我们有用：

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>

Answer 3

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

Answer 4

使用这些设置

<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>