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>

我用不同的视频 ID 号更新的 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/297135145?background=1&autoplay=1&loop=1&byline=0&title=0"
           frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
      </section>

链接到被调用的实际 URL：

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

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

Codepen 链接： 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 参数可以解决这些问题。祝你好运。