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

Question

• 我有一個.mp4視頻上傳到 Google Cloud Storage。

• 我正在使用<video>元素在我的網站上播放它。

• 它在桌面上加載，但不在iOS 上加載。 （尚未在 Android 上測試）

代碼

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

在 Safari 網頁檢查器的資源選項卡中，視頻文件有一條錯誤消息：

• “嘗試加載資源時發生錯誤”

這可能是 CORS 問題嗎？

值得注意的是，直接訪問視頻 url（使用 iOS Safari）按預期工作，因此我認為視頻編碼沒問題。

Answer 1

問題是負z-index導致父元素被隱藏。

奇怪的是，它只在 iOS 而不是桌面瀏覽器上引起了問題。