Chrome自动播放限制策略

原文链接: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视频播放器调用效果(倍速切换)

图 / html5视频播放器调用效果(超清/高清/流畅画质切换)

MR虚拟直播

无延迟直播

视频加密与安全

在线导播台

相关推荐
伊成19 分钟前
Mac中如何Chrome禁用更新[update chflags macos]
chrome·mac
从后端到QT2 小时前
SRS流媒体服务器之本地测试rtc推流bug
bug·实时音视频
mortimer10 天前
Chrome 开发者工具终极指南:从入门到精通
前端·chrome·浏览器
土豆125010 天前
Chrome插件开发完整指南
javascript·css·chrome
麦兜*10 天前
【node】Mac m1 安装nvm 和node
java·前端·vue.js·chrome·macos·vue·nvm
CatalyzeSec12 天前
一些实用的chrome扩展0x02
chrome·web安全·网络安全
Ven%12 天前
掌握Bash脚本编写:从服务启动脚本到语法精要
linux·服务器·开发语言·chrome·bash
2501_9153738812 天前
如何在 Chrome 浏览器中保存从商店下载的扩展程序到本地
前端·chrome
云资源服务商12 天前
腾讯云IM即时通讯:开启实时通信新时代
云计算·腾讯云·实时音视频
waterHBO13 天前
01 ( chrome 浏览器插件, 立马翻译), 设计
前端·chrome