H5：设置video自动播放

Posted 2023-04-24

参考技术A

html：

注意这里的 muted ，如果不加的话，在普通的浏览器当中是不会自动播放的，但是存在缺陷，自动播放的话会默认静音。
在之前的项目里，我这里的界面是用web-view嵌套在微信小程序使用的，所以就将 muted 去掉了，然后通过微信的 WeixinJSBridgeReady 方法来唤起video的自动播放，可以实现有声播放。

JS：

chrome如何设置视频自动播放

在网页中我们往往要一段小视频自动播放，但谷歌浏览器把自动播放功能给禁用了，解决方法就是给video标签增加一个muted属性；

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