根据Chrome浏览器的自动播放策略,自2018年4月起,Chrome实施了更严格的自动播放政策,以改善用户体验,减少安装广告拦截程序的动机,并在昂贵或受限网络上减少数据消耗。这些变化旨在让用户更好地控制播放,并使合法使用视频的发布者受益

根据Chrome的自动播放政策:

  • 静音自动播放始终允许。
  • 如果用户与域进行了交互(点击、轻触等),则允许带有声音的自动播放。
  • 在桌面上,用户的媒体参与指数(MEI)阈值已经超过,这意味着用户以前曾播放带有声音的视频。
  • 用户已将站点添加到其移动设备的主屏幕上,或在桌面上安装了渐进式Web应用(PWA)。
  • 顶级框架可以将自动播放权限委派给其iframe,以允许带有声音的自动播放。

媒体参与指数(MEI = Media Engagement Index)衡量个人在站点上消费媒体的倾向。Chrome的方法是每个来源的访问与重要媒体播放事件的比率:媒体(音频/视频)的消耗必须大于七秒;音频必须存在且未静音;包含视频的选项卡必须处于活动状态;视频的大小(以像素为单位)必须大于200x140。根据这些条件,Chrome计算出媒体参与分数,当分数足够高时,只有在桌面上才允许自动播放。MEI可通过访问chrome://media-engagement查看

对于Web开发人员而言:

  1. 媒体参与指数的计算规则无法通过技术手段更改
  2. 媒体参与指数的计算规则不同版本的浏览器可能会有变动

自动播放交互方案:

  1. 互动后播放
    先尝试自动播放,若抛出异常,则引导用户进行交互操作,然后进行播放
  2. 互动后出声
    先静音播放,然后根据是否能自动播放取消静音,如果能自动播放,直接取消静音,如果不能自动播放,则引导用户进行交互后取消静音

红岸JD瞭望者
1 声望1 粉丝

就职于北京彩漩科技有限公司的一名全干攻城狮。