iPhone上的HTML5视频自动播放

Question

我有一些奇怪的问题。我尝试创建一个带有环状背景视频的网站。代码看起来像这样的：

<video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video>

这工作完全正常大多数浏览器（IE斗争与此对象配合的事情，但我不介意），但iPhone上的视频获得了”自动播放，但它在iPad上。我已经阅读New Policies for iOS，我认为我符合要求（否则iPad不会自动播放）。我做了一些其他的测试：

• 卸下覆盖div一定不会解决它
• 删除的z-index不会解决它
• Wifi或蜂窝不有所作为
• 视频文件大小没有按也没有什么不同

我是做错了还是iPhone不会自动播放视频，并且总是需要互动？我只关心iOS 10，我知道iOS 9上的要求不同。我很感谢！

Answer 1

请问playsinline属性有帮助吗？

这是我有：

 <video autoplay loop muted playsinline class="video-background "> 
      <source src="videos/intro-video3.mp4" type="video/mp4"> 
     </video> 

参见playsinline这里的评论：https://webkit.org/blog/6784/new-video-policies-for-ios/

Answer 2

IOS 10+允许视频自动播放内嵌。但您必须在iPhone上关闭“低功耗模式”。