浏览器无法自动播放视频


在浏览器中自动播放视频会报错: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、键盘事件)。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM