浏览器无法自动播放视频

在浏览器中自动播放视频会报错：play() failed because the user didn't interact with the document first。

网上大部分资料是需要设置autoplay选项，但是我的谷歌浏览器版本是78 ；

设置改成如下

 

 

设置之后还是无效

需求背景如下：有6个子模块自动跳转，12个子模块中有视频的播放。

问题：子模块中的小视频可以自动播放，但是子模块对应的页面里视频无法自动播放。

解决：

浏览器自动播放的条件1.没有音频，将video设置成muted

　　　　　　　　　　2.视频在视图里面是可见的，不能被隐藏或者在可视区域外

子模块对应的页面在页面加载完成时是对用户不可见的，浏览器会报错play() failed because the user didn't interact with the document first。这时需要用户与浏览器进行交互（包括touchend、click、doubleClick、键盘事件）。