视频自动播放在移动设备上不起作用React

如何解决视频自动播放在移动设备上不起作用React

我正在使用 React 并希望我的视频背景在移动设备上自动播放。它曾经是，但后来停止了（原因不明，因为我没有更改代码）。 如何让视频在移动设备上自动播放？

这是我尝试过的（但都失败了）：

<video autoplay loop muted playsinline >
  <source src={video} type="video/mp4" />
</video> 

<video loop={true} playsinline={true} muted={true} autoplay={true}>  
  <source src={video} type="video/mp4" />
</video> 

dangerouslySetInnerHTML={{
 __html: `<video className="app__backgroundVideo" autoplay loop muted playsinline>
       <source src=${video} type="video/mp4" />
       Your browser does not support the video tag.
 </video>`,}}

解决方法

尝试在您的视频标签内使用 defaultMuted。

 <video autoplay defaultMuted playsinline id="myVideo">
 <source src="video.mp4" type="video/mp4">
 </video>