Safari 全屏显示问题

Question

我正在网站上播放视频。 HTML5 <video> 播放器位于一个容器 div 中，它位于中心位置。在大多数浏览器上，当用户单击全屏时，视频在浏览器中全屏播放没有问题，但在 OS 上的 Safari 中，视频位于屏幕的一半——我只能看到底部的 50%。

我怀疑这是因为 <div> 容器具有 CSS position:fixed 和 top:50% height:auto 但我无法弄清楚我需要做些什么来纠正这个似乎只发生在 Safari 中的问题.

我在网络上找不到任何指导或任何人遇到相同问题的证据。请帮忙！

参考网站：www.bigredbutton.tv - 点击视频播放，然后使用原生全屏控件。

谢谢！

Answer 1

您可以尝试将位置设置为相对。它适用于我们面临的类似问题之一。