视频自动播放不适用于移动设备 (React)

Question

我正在使用 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>`,
           }}

Answer 1

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

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

Answer 2

我找到了这个问题的答案。我上面写的代码是正确的，但是如果您的 iPhone 处于 low-power 模式，Safari 将不会 auto-play 视频。这就是视频未被 auto-play 播放的原因，而不是因为代码错误。

视频自动播放不适用于移动设备 (React)

Video autoplay does not work on mobile (React)

video

mobile

autoplay

reactjs