注册 登录
当前位置: 首页 » 开发笔记 » 详情:视频(mp4)在谷歌浏览器中自动播放属性无效的问题

视频(mp4)在谷歌浏览器中自动播放属性无效的问题

如下视频,在谷歌浏览器(chrome)中给video标签加上了autoplay属性,但是无法生效。

原因是谷歌浏览器在高版本中对于自动播放的视频有一个新的政策,默认不允许自动播放视频,哪怕是在Javascript中使用文档加载后播放也不行(window.onload = function(){ document.querySelector('video').play(); }),需要特定的条件,一个是给视频添加点击事件,另一个条件是允许静音播放,也就是说需要在video标签中加上muted属性,视频才能自动播放;原因在于自动播放的另一个特定条件(媒体参与指数(MEI)):

1、媒体(音频/视频)的播放必须大于7秒。

2、音频必须存在且未取消静音。

3、带视频的标签处于活动状态。

4、视频大小(以px为单位)必须大于200x140。

大概意思就是,当你在这个页面中,点击了播放视频,这时候浏览器会收集你播放视频的情况,当你去到另一个页面再重新回到这个页面的时候,只要满足上面的条件,视频就会自动播放。

具体详情可以在谷歌开发者中心看到:Chrome自动播放政策

打赏支持

所有资源来源于各大网盘,本站不储存任何资源文件,只展示资源链接,侵删!
移动端浏览