Safari全屏显示问题

时间:2016-10-19 16:39:32

标签: css video safari html5-video fullscreen

我在网站上播放视频。 HTML5 <video>播放器位于容器div中,用于集中定位。在大多数浏览器上,当用户点击全屏时,视频会在浏览器中全屏显示,但在OS上的操作系统中,视频位于屏幕的一半 - 我只能看到底部的50%。

我怀疑这是因为<div>容器有CSS位置:固定和顶部:50%高度:auto但是我无法解决我需要做的事情来纠正这个问题在Safari中发生。

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

网站供参考:www.bigredbutton.tv - 点击视频进行播放,然后使用原生全屏控件。

谢谢!

1 个答案:

答案 0 :(得分:0)

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