首页 > web前端 > js教程 > 如何使用'静音”属性在 Chrome 66 中启用自动播放?

如何使用'静音”属性在 Chrome 66 中启用自动播放?

Mary-Kate Olsen
发布: 2024-11-24 17:03:17
原创
579 人浏览过

How to Enable Autoplay in Chrome 66 with the `muted` Attribute?

处理桌面浏览器中 Chrome 66 阻止自动播放的开发人员指南

尝试使用 Chrome 版本 66 在桌面设备上播放视频时,开发人员可能会遇到错误:“未捕获(承诺中)DOMException:play()失败,因为用户没有与文档交互 第一的。”此问题源于 Google 最近通过阻止网站在没有用户交互的情况下自动播放媒体来增强用户隐私的努力。

但是,有一个简单的解决方案可以绕过此限制。只需将 muted 属性附加到视频元素,您就可以激活自动播放,同时确保符合 Chrome 的政策。

为了进行演示,请考虑以下 HTML 代码片段:

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >
登录后复制

通过包含muted 属性,媒体音量将被静音,同时保留自动播放功能。该解决方案遵循 Chrome 的准则,同时为开发人员提供有效的解决方法。

以上是如何使用'静音”属性在 Chrome 66 中启用自动播放?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板