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

这个 Vimeo 文档可能会有所帮助。这对我们有用：

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 2

除非您是 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 3

使用这些设置

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

Answer 4

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