【问题标题】:Google Chrome Will Not Autoplay Video谷歌浏览器不会自动播放视频
【发布时间】:2018-09-13 11:45:33
【问题描述】:
所以,我可以在 Firefox 和 IE 中自动播放该视频:
http://sweeneydogkr.co.uk/video.html
但对 Chrome 不满意,有什么想法吗?
代码:
<video autoplay muted controls loop>
<source src="images/sweeneydog.mp4" type="video/mp4">
【问题讨论】:
标签:
google-chrome
html5-video
mp4
autoplay
【解决方案1】:
chrome 的新政策不允许自动播放。 Safari 仍然有效
【解决方案2】:
video 标签似乎是正确的,如果我在没有 //DOM Ready 部分的情况下运行它,它会在 chrome 中自动播放。
启用脚本后无法播放。
快速修复可能是:
-在anythingSlider div中将id(例如myVideo)添加到您的视频标签中。
-将以下函数添加到页面末尾。
</body>
<script>
var myVideo = document.getElementById("myVideo");
setTimeout(() => {
myVideo.play();
}, 1000);
</script>
</html>
【解决方案3】:
在这里结束是因为我遇到了同样的问题(尽管它在 Firefox 和 Safari 中工作,但在 Chrome 中没有自动播放)@Csisanyi 的解决方案对我不起作用 - myVideo.play() 实际上引发了控制台错误。这就是为我解决的问题:
$('#video')[0].load();
希望这可能对其他人有所帮助。