视频自动播放不静音

Question

如何处理“未捕获（承诺）DOMException：play() 失败，因为用户没有先与文档交互。”在 Chrome 66 的桌面上？ 我的代码是

<video
    title="Advertisement"
    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="true"
    muted="muted"></video>

它应该可以在没有静音的情况下工作。

Answer 1

它正在沙箱中工作。 https://codesandbox.io/s/wonderful-blackburn-wrple?file=/src/App.js

在页面加载时播放带声音的视频通常是不好的做法，因为用户通常不希望这样，除非他们在以视频为中心的网站上或希望播放视频。