javascript - 视频自动播放不静音

Question

如何处理“未捕获( promise )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

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