谁能告诉我为什么这个 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 的视频编解码器出现问题。
最佳答案
我的猜测是浏览器与您设置的两个源混淆了。试试这个:
<video autoplay loop muted class="fillWidth">
<source src="http://adventures.org/trips/video/PassportHeader.mp4" type="video/mp4" />
</video>
关于javascript - HTML5 视频不会在 Chrome 和 Safari 上自动播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34273748/