Google Chrome无法自动播放视频

时间:2018-09-13 11:45:34

标签: google-chrome html5-video mp4 autoplay

因此,我可以在Firefox和IE中自动播放此视频:

http://sweeneydogkr.co.uk/video.html

但是Chrome浏览器没有喜悦,有什么主意吗?

代码:

<video autoplay muted controls loop>
            <source src="images/sweeneydog.mp4" type="video/mp4">

3 个答案:

答案 0 :(得分:2)

Chrome的新政策不允许自动播放。 Safari仍然有效

答案 1 :(得分:1)

视频标记似乎是正确的,如果我在没有// DOM Ready部分的情况下运行它,则会在chrome中自动播放。 启用脚本后,它将无法播放。

快速修复方法可能是:

-在anySlider div中的视频标签中添加id(例如myVideo)。

-在页面末尾添加以下功能。

</body>
<script>
        var myVideo = document.getElementById("myVideo");
        setTimeout(() => {
            myVideo.play();
        }, 1000);
</script>
</html>

答案 2 :(得分:1)

在这里结束是因为我遇到了同样的问题(尽管Chrome在Firefox和Safari中可以运行,但在Chrome中无法自动播放)@Csisanyi的解决方案对我不起作用-myVideo.play()实际上引发了控制台错误。这就是为我解决的问题:

$('#video')[0].load();

希望这可能对其他人有所帮助。