HTML5 <video> 元素不在 iOS 中播放

• 我有一个 .mp4 视频上传到 Google Cloud Storage。

• 我正在使用 元素在我的网站上播放它。

• 它在桌面上加载，但在 iOS 上不是。 (尚未在 Android 上测试)

代码

<video muted autoplay loop playsinline>
  <source src="https://storage.googleapis.com/BUCKET/FILE.mp4" type="video/mp4">
</video>

 

在 Safari 网络检查器的 Resources 选项卡中，视频文件有错误提示:

• “尝试加载资源时出错”

这可能是 CORS 问题吗？

值得注意的是，直接访问视频网址(使用 iOS Safari)按预期工作，所以我认为视频编码没问题。

---

Best Answer-推荐答案

问题是负的 z-index 导致父元素被隐藏。

奇怪的是，它只在 iOS 而不是桌面浏览器上引起了问题。

关于HTML5 <video> 元素不在 iOS 中播放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44008093/