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 上会。我已经阅读了 iOS 的新政策 并且我认为我符合要求（否则 iPad 不会自动播放）。我做了一些其他的测试：

• 删除覆盖的 div 不会修复它
• 删除 z-index 不会修复它
• Wifi 或蜂窝网络没有区别
• 视频文件大小也没有什么区别

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

原文由 SeBa 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我遇到了同样的问题 - 视频无法在 iOS 上播放。我尝试了所有代码选项“playsinline 自动播放循环静音”。问题是我收到的视频使用了错误的 mp4 编解码器。所以帮助我们的是将视频上传到 Vimeo 并再次下载高清版本。该视频现在正在所有移动设备上播放。

您也可以尝试使用 mpeg streamclip。这是 VLC 的屏幕剪辑 - 这些是正确的设置。希望有人不必花 2 个小时来寻找问题 - 节日快乐

原文由 pixelcrash 发布，翻译遵循 CC BY-SA 4.0 许可协议