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>

链接到所调用的实际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参数。关于自动播放有很多规则，有时明确添加静音参数可以解决这些问题。祝好运。

Vimeo全屏背景无法自动播放

1 个答案: