参考文档
Chrome 浏览器自Chrome 71中启动了自动播放策略,这很大程度上阻止了音视频等的自动播放,该策略带给用户更好的体验。
自动播放策略
- 静音的自动播放总是被允许的;
- 如果符合以下条件,允许有声音的自动播放:
-
- 该用户已经与应用
domain进行了交互,如click、tap等等; - 在桌面上,用户的媒体参与指数阈值已经被超过,这意味着用户之前播放过有声视频;
- 用户已将网站添加到了移动设备的主屏幕或者在桌面安装了该PWA;
- 该用户已经与应用
- 顶层frames 可以将有声音的自动播放权限委托给子iframs
解决方案
- 使用静音式的自动播放;
- 在用户有交互动作后调用
play API播放;