video:play() failed because the user didn't interact with the document first

错误信息

    情况1:刷新几次有时候会自动播放视频,有时候不会;
    情况2:打开开发者工具,正常自动播放视频。

    这是为什么呢??

    网上资料显示是Chrome在66版本后为了避免标签产生随机噪音。Chrome在18年4月做了更改,浏览器为了提高用户体验,减少数据消耗,现在都在遵循autoplay政策。

     1.muted autoplay始终被允许
     2.音乐的autoplay 只有在下面集中情况下起作用:
        2.1.有用户行为发生像(click,tap,etc).
         2.2.对于桌面程序,用户已经提前播放了音频
         2.3.对于移动端用户将音频网址home screen.

     解决方案一:测试通过
    1、Open chrome://flags/#autoplay-policy

打开设置页面

    2、Setting:No user gesture is required
    3、Relaunch Chrome

设置后重启Chrome

     解决方案二:测试通过
    设置 video 为静音状态就可以解决,添加属性muted

<video src="../static/OpeningTrailer.mp4" autoplay muted width="420" preload class="video" id="videoMp4">
        </video>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容