如下视频,在谷歌浏览器(chrome)中给video标签加上了autoplay属性,但是无法生效。
原因是谷歌浏览器在高版本中对于自动播放的视频有一个新的政策,默认不允许自动播放视频,哪怕是在Javascript中使用文档加载后播放也不行(window.onload = function(){ document.querySelector('video').play(); }
),需要特定的条件,一个是给视频添加点击事件,另一个条件是允许静音播放,也就是说需要在video标签中加上muted属性,视频才能自动播放;原因在于自动播放的另一个特定条件(媒体参与指数(MEI)):
1、媒体(音频/视频)的播放必须大于7秒。
2、音频必须存在且未取消静音。
3、带视频的标签处于活动状态。
4、视频大小(以px为单位)必须大于200x140。
大概意思就是,当你在这个页面中,点击了播放视频,这时候浏览器会收集你播放视频的情况,当你去到另一个页面再重新回到这个页面的时候,只要满足上面的条件,视频就会自动播放。
具体详情可以在谷歌开发者中心看到:Chrome自动播放政策