如何在 Chrome 66 中自动播放视频而无需用户交互？

Chrome 66 中如何处理 "Uncaught (in promise) DOMException: play() 播放失败，因为用户之前没有与文档交互。"

在使用 Chrome 66 桌面版播放视频时，遇到了错误消息：

Uncaught (in promise) DOMException: play() 播放失败，因为用户之前没有与文档交互。

当尝试使用以下 HTML 在桌面上播放视频时，发现了一条自动播放的广告：

<video</p><pre class="brush:php;toolbar:false">title="Advertisement"
webkit-playsinline="true"
playsinline="true"
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
autoplay=""></video></p>
<p>

那么，是否只需向

答案

要在 Chrome 66 更新后使 HTML 5 元素自动播放，只需将 muted 属性添加到视频元素即可。

因此，之前的视频 HTML 变为：

<video</p><pre class="brush:php;toolbar:false">title="Advertisement"
webkit-playsinline="true"
playsinline="true"
muted
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
autoplay=""></video></p>
<p>

以上是如何在 Chrome 66 中自动播放视频而无需用户交互？的详细内容。更多信息请关注PHP中文网其他相关文章！