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

HTML5 video does not autoplay on Chrome and Safari

本文关键字：Safari 自动播放 Chrome 视频 HTML5      更新时间：2023-09-26

有人能告诉我为什么这个HTML5视频不起作用吗？它在Firefox中运行良好，但在Safari或Chrome中则不然。似乎不知道发生了什么。

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

视频在Passport的大标志后面。

这是视频代码。

<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有问题

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

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

尝试检查是否可以在此处使用视频标记http://caniuse.com/#feat=video

对于webm ，safari中的编解码器似乎存在一些问题

如果用户拥有WebM，将在IE9+和Safari/MacOSX中工作已安装编解码器。部分支持表示至少有一个编解码器支持但不是全部。

检查内部笔记和关键问题http://caniuse.com/#feat=webm

相关文章：