关于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);
上一篇下一篇

猜你喜欢

热点阅读