Vimeo 全屏背景不自动播放

Question

我正在重用来自 Codepen 的非常基本的 HTML & CSS 代码示例，但是一旦我将 Vimeo 中的视频 ID 号替换为代码示例附带的 ID 号不自动播放。 CSS 或 HTML 没有其他不同。其他都没有改变，所以我不知道为什么我上传的视频在加载页面时没有自动播放。

有什么想法吗？

原码：

      <section class="home-section home-full-height bg-dark-30" id="home" data-background="assets/images/section-5.jpg">
<div class="vimeo-wrapper">
   <iframe src="https://player.vimeo.com/video/76979871?background=1&autoplay=1&loop=1&byline=0&title=0"
           frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
      </section>

我更新的 HTML 具有不同的视频 ID 号：

      <section class="home-section home-full-height bg-dark-30" id="home" data-background="assets/images/section-5.jpg">
<div class="vimeo-wrapper">
   <iframe src="https://player.vimeo.com/video/297135145?background=1&autoplay=1&loop=1&byline=0&title=0"
           frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
      </section>

Link 到被调用的实际 URL：

https://player.vimeo.com/video/297135145

https://player.vimeo.com/video/76979871

Codepen Link: https://codepen.io/abennington/pen/ZONqqv

我网站上的两个不同的 URL 表明一个在工作而另一个不工作：

工作： http://knpdesign.co/vimeoworking.html 不是： http://knpdesign.co/

Answer 1

我实际上不太确定为什么那个视频有效而你的无效。我将与我们的团队进一步研究。但是，这里有一个代码笔，您的视频可以正常工作 https://codepen.io/anon/pen/MPZVep。我添加的一件事是 ?muted=1 参数。自动播放有很多规则，有时显式添加 muted 参数可以解决这些问题。祝你好运。

Vimeo 全屏背景不自动播放

Vimeo Fullscreen Background Not Autoplaying

video

iframe

background

vimeo