想象一下，您正在使用像Videojs这样的HTML5视频播放器库。你想通过添加一个额外的按钮扩展这个库的功能，但由于与这个问题无关的原因，你不想进入整个插件编码业务，所以你只需将播放器放在一个容器并添加一个绝对定位的按钮，例如：
<div class="player-container">
<video class="video-js"></video>
<button type="button" class="absolutely-positioned"></button>
</div>
问题在于，您可能会在某个时候单击播放器的全屏按钮，这将仅在视频元素和视频元素上调用requestFullscreen。这意味着您的按钮或该容器上的任何其他内容都不会处于全屏模式。
在webkit浏览器上，通过在全屏模式下将z-index设置为等于或高于视频元素的值，可以使其他元素在全屏上保持可见。在Firefox上，元素需要更改为position: fixed（但您不能使用-moz-full-screen前缀来设置样式，因为该元素不会被识别为在全屏模式下）并且在IE上它＆ ＃39;根本不可见。
我试图找出全屏模式是否仅限于单个元素（以及它的孩子），或者是否可以同时拥有多个全屏元素。有没有其他人在类似的东西上挣扎？有没有解决方法？
答案 0 :(得分：0)
在检查维基百科的新图像查看器（在显示全屏后显示按钮）后，我似乎找到了解决方案。 z-index确实发挥了作用，但诀窍似乎是在包含媒体及其自定义控件元素的容器元素上调用requestFullscreen。