video的autoplay在chrome浏览器失效的解决方案

问题

当给video或audio标签添加autoplay属性时,在chrome浏览器会失效。

原因

Chrome为了不造成噪音污染,提升用户体验,首次让用户自己选择,关掉了声音自动播放

解决方案

如果视频本身已经被设置为静音的情况下,那么浏览器将不会再拦截其加载进行自动播放
video标签有一个muted属性可以将视频设置为静音状态。
代码如下

1
<video muted src="" autoplay loop></video>

副作用

副作用就是视频自动播放但是没有声音。不适用既要自动播放又要有声音的场景。