html - 自动播放视频无法在生产中的 iOS (Safari) 上播放

Question

我想在我的 react-app 上添加一个循环视频。我是这样做的

 <video
   ref={videoRef}
   playsInline
   autoPlay
   muted
   loop>
  <source src={Video} type='video/mp4' />
</video>

它在移动设备和桌面设备上的 Chrome/Firefox 上运行良好。
但它不能在 iPhone (Safari) 上播放。
它正在本地 播放，但是当我部署 时。它没有播放 :(

Answer 1

我对我以前的项目有类似的要求，下面的代码工作正常，从这里我们将有一个静音视频运行循环 自动播放。

 <video width="300px" height="500px" autoplay="autoplay" muted loop>
       <source src="https://user-images.githubusercontent.com/27606753/144578902-9b14dc56-9056-4650-942f-4d25f0ecbcc1.mp4" type="video/mp4" />
 </video>