我遇到了一个问题，即在 iPhone 版本的 Safari 或 Chrome 上查看时，背景视频会导致网站的其余部分闪烁/闪烁。它在全尺寸浏览器上按预期工作。
如果我删除视频元素或将 display:none 添加到所述元素，则网站停止闪烁。
这是该问题的工作版本：（已删除）。
我添加了一个示例视频，并从这个不完整的开发示例网站中删除了所有不相关的信息。
任何帮助将不胜感激。
谢谢
【问题讨论】：
标签： html css ios html5-video mobile-safari
我也遇到了类似的问题，但之前的答案对我不起作用。我有一个绝对定位为背景的视频标签（z-index: -98）和一些位于顶部的元素（z-index，范围从 -4 到 0）。视频标签（源代码或 CSS）一更改，顶部的元素就会闪烁。
将顶部元素 z-index 更改为正数以某种方式解决了这个问题。
【讨论】：
我今天遇到了类似的问题（iPhone 7 的所有者，IOS14）。在 Safari 和 Chrome 浏览器中都可以看到令人讨厌的闪烁。我有一个绝对定位的视频作为背景和一些“在顶部”的元素。这些元素闪烁。其他人使用-webkit-transform: translate3d(0,0,0); 回答对我不起作用。
在视频元素上添加-webkit-perspective: 1000; 确实解决了我的问题。
【讨论】：
希望这对遇到此问题的其他人有所帮助。
问题似乎与 safari 如何渲染屏幕外元素有关。
将-webkit-transform: translate3d(0,0,0); 添加到任何有问题的元素中，即可解决问题。
【讨论】：