javascript - HTML5 视频不会在 Chrome 和 Safari 上自动播放

Question

谁能告诉我为什么这个 HTML5 视频不起作用？它在 Firefox 中工作正常，但在 Safari 或 Chrome 中则不行。似乎无法弄清楚发生了什么事。

这是我正在处理的页面http://www.adventures.org/trips/?prg=passport&new=design .

该视频位于 Passport 大 Logo 后面。

这是视频代码。

<video autoplay loop  muted class="fillWidth">
  <source src="http://adventures.org/trips/video/PassportHeader.mp4" type="video/mp4" />
  <source src="http://adventures.org/trips/video/PassportHeader.webm" type="video/webm" />
                Your browser does not support the video tag. I suggest you upgrade your browser.
</video>

感谢您的所有建议!我终于弄明白了。位于我页脚的 Facebook API 的视频编解码器出现问题。

Answer 1

我的猜测是浏览器与您设置的两个源混淆了。试试这个:

<video autoplay loop  muted class="fillWidth">
  <source src="http://adventures.org/trips/video/PassportHeader.mp4" type="video/mp4" />
</video>