Firefox相当于moz媒体控件

Question

我正在做一个涉及视频播放器的项目。我在HTML上使用本机标记。我想在全屏模式下显示一个图像。我可以用下面的CSS选择器来完成，但它只适用于Chrome：

::-webkit-media-controls {
        /*display:none !important;*/
        background-repeat: no-repeat;
        background-position: top; 
        background-image: url("../images/match_com.png");
    }

我如何在Firefox上也能做到这一点？firefox必须有一个等效的-webkit媒体控件。

Answer 1

可能没有类似的Firefox。本文讨论了如何在基于Webkit的浏览器中隐藏全屏视频控件，但找不到一个以moz为前缀的等价物：

http://css-tricks.com/custom-controls-in-html5-video-full-screen/

但是，正如它所提到的，你可以做的另一件事是全屏显示包含视频元素的外部元素，而不是全屏显示视频元素本身。然后您可以控制用户看到的内容。但我认为这在没有启用自己控件的视频元素中效果最好，因为标准的视频控件包括一个全屏按钮，无法执行您想要的操作。

要全屏显示任何元素，请使用requestFullscreen方法。它适用于当前所有的主要浏览器，尽管其中一些浏览器可能仍然需要使用前缀名称（即mozRequestFullscreen）。

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode