关于H5的video自动播放不起作用的问题
2020-12-03 本文已影响0人
记录学习生活
video标签加上 autoplay 就会自动播放了。
但是值得注意的是,在Chrome浏览器下video标签必须加muted属性(静音播放)才能实现自动播放,
否则只有在controls的模式下点击播放按钮才可以播放。
这是因为从Chrome从66版本开始,为了避免打扰用户,自动播放时,必须是静音播放。
其他浏览器很多都一样的设置了
<video
id='demoVideo'
src="xxx.mp4"
autoplay
muted
loop
width="200"
height="200"
></video>
如果想跳过限制可以试试下面代码(没测不知道有没有用)
setTimeout(function () {
document.getElementById("demoVideo").removeAttribute("muted");
}, 100);