iOS Safari HTML5 視頻覆蓋一切

Question

我正在編寫一個使用 html5 視頻元素的應用程序。
在 iOS Safari 上，當使用playsinline確保視頻被視為用於定位等的內聯元素時，它按預期工作，除了視頻出現在一切之上。 z-index和定位技術似乎對這個問題沒有幫助。 在任何情況下，我都無法在視頻頂部顯示任何內容。

在除 iOS Safari 之外的所有瀏覽器上，這似乎都可以正常工作。

作為參考，這是一個 Angular 應用程序，我目前正在 iOS 11.1.2 上的 Mobile Safari 中進行測試

另外值得一提的是，視頻src將解析為本地blob url。 例如。 blob:file:///2afb998a-84e3-4819-8243-5da7d7da3cb6

<video
   id="video"
   [src]="src"
   autoplay="autoplay"
   muted="muted"
   webkit-playsinline
   playsinline>
</video>

Answer 1

我有同樣的問題。 從video標簽的父div中刪除overflow樣式解決了它。 有關更多信息，請參閱縮放元素內的視頻和 z-index：一些 div 消失。