如何通过简单的修复来克服 Chrome 66 的自动播放限制？

解决 Chrome 66 中的自动播放限制：解决方案

揭开自动播放挑战：

在 Chrome 66 中，开发人员面临着颠覆：实施自动视频防护措施播放，导致可怕的错误消息：“未捕获（承诺）DOMException：play（）失败，因为用户没有首先与文档交互。”

解决问题：

为了规避这个障碍，出现了一个简单的解决方案：为视频引入“静音”属性

实施修复：

在视频元素中添加“静音”后，代码现在如下所示：

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >

静音的含义属性：

添加“静音”属性的后果最小。它默认抑制音频输出，但允许视频按预期自动播放。此外，用户可以通过用户交互手动恢复声音，确保符合 Chrome 的自动播放限制。

以上是如何通过简单的修复来克服 Chrome 66 的自动播放限制？的详细内容。更多信息请关注PHP中文网其他相关文章！