Video Vimeo全屏背景不自动播放

我正在重用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>

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

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

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

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

      <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，一个正常，另一个无效：

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

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

工作：

---

不是：

事实上，我不太清楚为什么那个视频有效，而你的视频无效。我将与我们的团队进一步调查此事。然而，这里有一个代码笔，你的视频工作。我添加的一个参数是

？mute=1

。围绕自动播放有很多规则，有时显式添加静音参数可以解决这些问题。祝你好运

哇，你真有魅力。奇怪的是，静音变量使它工作了。非常感谢！有没有一种简单的方法可以进一步放大Vimeo视频，这样当它加载时，它肯定不会在屏幕底部显示视频进度条@丽贝卡的@konrad。我为Vimeo工作，所以如果我不知道发生了什么，那就是个问题。当你使用背景参数时，它不应该显示视频进度条。在你的网站上，我没有看到。让我知道我能帮上什么忙。哇，丽贝卡这么快就学会了。真棒