我遇到了一個問題，當在iPhone版本的Safari或Chrome上查看時，背景視頻會導致網站的其余部分閃爍。它可以在全尺寸瀏覽器上正常工作。

如果我刪除視頻元素或添加display:none到該元素，網站就會停止閃爍。

以下是該問題的工作版本:(已刪除)。

我已經添加了一個樣本視頻，并刪除了這個不完整的開發示例網站的任何無關信息。

任何幫助都將不勝感激。

謝謝

我今天也遇到了類似的問題(iPhone 7，IOS14的機主)。在Safari和Chrome瀏覽器中都可以看到惱人的閃爍。我有一個絕對定位的視頻作為背景和一些元素& quot在上面& quot。這些元素閃爍不定。其他家伙用-webkit-transform回答:translate3d(0，0，0)；對我沒用。

添加-WebKit-perspective:1000；視頻元素確實解決了我的問題。

我也遇到了類似的問題，但之前的回答對我不起作用。我將一個視頻標簽absolute定位為背景(z-index: -98)，并將一些元素定位在頂部(z-index范圍從-4到0)。視頻標簽一改變(source或CSS)，頂部的元素就會閃爍。

將頂部元素z-index改為正數以某種方式解決了這個問題。

希望這將有助于任何有這個問題的人。

這個問題似乎與safari如何渲染屏幕外元素有關。 adding-WebKit-transform:translate 3d(0，0，0)；任何有問題的元素，修復了問題。

我有一個光滑的視頻幻燈片和視頻覆蓋文本滑塊。在我的例子中，我添加了& quotz索引:-1 & quot；視頻標簽，一切開始正常工作。所有其他元素都沒有z索引。