Chrome自动播放限制策略

Web浏览器正在朝着更严格的自动播放策略发展，以便改善用户体验，最大限度地降低安装广告拦截器的积极性并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控制权，并使开发商获得合法用例。

开发人员最佳实践 / 视频元素

永远不要假设视频会播放，并且在视频不是真正播放时不要显示暂停按钮。
关注播放函数返回的Promise

var promise = document.querySelector('video').play();
if (promise !== undefined) {
promise.then(_ => {
// Autoplay started!
}).catch(error => {
// Autoplay was prevented.
// Show a "Play" button so that user can start playback.
});
}

使用静音自动播放

复制代码

<video id="video" muted autoplay>
<button id="unmuteButton"></button>

<script>
  unmuteButton.addEventListener('click', function() {
    video.muted = false;
  });
</script>

图 / html5视频播放器调用效果（倍速切换）

Chrome自动播放限制策略

MR虚拟直播

无延迟直播

视频加密与安全

在线导播台