视频自动播放无法在Chrome和Safari中正常工作？

Question

我想使视频自动播放，而Reactjs中没有任何用户手势。我知道，根据最近的Google和Apple网络视频政策，我们不能在没有用户手势的情况下自动播放具有音频的视频。但是我看到的网站仍然很少能够在现代网络浏览器中自动播放视频。

我在stackoverflow上遇到了许多与此问题相关的问题，但没有一个帮助我。

这是我尝试过的。

尝试1。

<video id="miniVideo" preLoad="yes" autoPlay="autoplay" loop width="100%" height="auto" playsInline>
<source src="/mini/video/cooper.mp4" type="video/mp4" />
<source src="/mini/video/cooper.webm" type="video/webm" />
</video>

尝试2。

<iframe playsInline id="miniVideo" src="/mini/video/cooper.mp4" width="100%" 
 height="400px"
allow="autoplay; fullscreen"></iframe>
尝试3。

脚本：

componentDidMount(){
    var videoTimer = document.getElementById("miniVideo");
    videoTimer.play();
}
HTML：

<video id="miniVideo" width="100%" height="100%">
<source src="/video/cooper.mp4" type="video/mp4" />
<p>This browser does not support the video element.</p>
</video>
您的帮助将不胜感激。谢谢

我想使视频自动播放，而Reactjs中没有任何用户手势。我知道，根据最近的Google和Apple网络视频政策，我们无法在没有用户手势的情况下自动播放具有音频的视频。但是我有...

Answer 1

我不确定Safari，但Chrome更改了自动播放政策。看这里：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes