在电池节电模式下，位于HTML5视频上的元素在iOS上不可见

我们将一些文本放置在HTML5上，HTML5充当循环视频背景。但是，如果电池节电模式处于活动状态，无论任何

z-index

设置如何，绝对定位的元素在iOS的Safari上都不可见。例如：

同侧阴唇

。示例{
位置：相对位置；
}
录像带{
宽度：100%；
高度：自动；
}
.文本{
位置：绝对位置；
左：2米；
顶部：2米；
右：2米；
}

此HTML和CSS代码工作正常，文本覆盖在背景中播放的视频上。但是，一旦iOS设备上的节电模式被激活，文本将不再可见，并且也无法通过

z-index

使其可见

---

这是否出于某种设计，使得iOS用户始终有机会实际播放视频（即，没有任何障碍），因为它不会在节电模式下自动播放？有没有办法防止这种行为？视频没有自动播放是可以的（因为这是在电池节电模式下应该发生的事情）-但是我们希望显示文本。

我认为您看到的行为是为了让用户能够在低功耗模式下播放视频，如果他们想的话，正如您所建议的那样。这可能是一个未被考虑的用例-即，允许在视频中可以看到某些东西，以便您可以提出错误请求来检查此问题

同时，作为一种解决方法，您可以检查您的视频是否已暂停，然后自己进行任何更改。请参见下面的示例侦听器：

yourVideo=document.getElementById（'your_video_id'）；
yourVideo.addEventListener（'suspend'，（）=>{
//根据需要在此处添加代码
//例如，隐藏视频和显示
//而是图像和文本。
});

---

挂起事件信息在这里：

不知道ios做什么，但作为解决方法：如果视频挂起，只需删除它即可。（显示：无或类似于此的内容）。然后文本应该是可见的。海报图像（或视频的第一帧）应该仍然显示。