HTML5视频无法在Chrome和Safari上自动播放

有谁能告诉我为什么这个HTML5视频不工作？它在Firefox中正常工作，但在Safari或Chrome中无法正常工作。似乎无法弄清楚发生了什么事。HTML5视频无法在Chrome和Safari上自动播放

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

该视频背后的大护照标志。

这是视频代码。

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

来源

2015-12-14 justincron

我建议增加一个第三视频类型，.OGG检查。我相信这实际上会在各种浏览器中正确地覆盖你。 – Brant

感谢您的建议@Brant。我已经添加了.ogg，但没有任何区别。我可以将代码从这个页面复制出来，然后放到任何其他页面中，并且工作正常。在这个网页上的东西正在杀死视频... – justincron

显示代码..please .. – scaisEdge

我的猜测是浏览器与您设置的两个来源混淆。试试这个：在这个http://caniuse.com/#feat=video

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

来源

2015-12-14 22:06:40

我试过这个，它也不起作用。 – justincron

尝试检查canuse视频标签似乎有一些问题，在Safari浏览器的编解码器webm

在IE9 +和Safari/MacOSX的将工作提供的用户已安装WebM 编解码器。部分支持表示至少支持一种编解码器，但不是全部支持。

内部笔记和重点问题http://caniuse.com/#feat=webm

来源

2015-12-14 22:09:37 scaisEdge

如果Safari遇到webm问题，不应该回到mp4吗？我想会这样。 – justincron

看看你是否需要一个正确的编解码器，我认为在canuse中有一个参考，如果我的答案是有用的，请评价它 – scaisEdge

HTML5视频无法在Chrome和Safari上自动播放

回答

相关问题