Question

我不确定为什么自动播放功能在网站上不起作用。直播网站 - http://lyorcohen.searchinteractions.com/ComingSoon/

<video class="supervideo hidden-phone hidden-tablet" poster="images/stillframe.jpg" autoplay>
<source src="video/WeaveLogo.mov" />
Your browser does not support the HTML5 video tag. Please upgrade it.
</video>

Answer 1

适用于Chrome，但不适用于Firefox。

当MP4出现故障时，你也会在Firefox中出现此错误（由于在不支持mp4的XP机器上进行测试）：

HTTP加载失败，状态为404.加载媒体资源 http://lyorcohen.searchinteractions.com/ComingSoon/video/WeaveLogo.ogg 失败。

这意味着由于ogg文件丢失而导致回退失败。检查文件是否确实存在，并且名称拼写相同，包括大小写。

在Chrome上，MP4视频自动播放并正常运行。

您还可以考虑提供该文件的webm版本。

要消除其他可能的原因，您可以在源代码中提供type属性：

<source src="video/WeaveLogo.webm" type="video/webm" />

您正在使用autoplay属性，但某些特殊浏览器历来存在没有值的属性问题，因此您可以向其中添加=true以使这些浏览器满意（我只能考虑一个浏览器）虽然...）。

Answer 2

在Magento网站上添加视频时，我遇到了类似的问题。似乎当我在autoplay属性之前使用preload属性时，它修复了问题。正在使用Chrome进行测试

Answer 3

var vid = document.getElementById("myVideo");
vid.autoplay = true;
vid.load();

Answer 4

大多数浏览器要求视频由用户启动或静音。

尝试：

wget http://localhost:8888

自动播放HTML5视频并不起作用

4 个答案: