怎样隐藏全屏时video的播放控件（原生html，css，js的环境）

Question

<video width="" height="">
    <source src="src/video/apple.mp4" type="video/mp4">
    <source src="src/video/apple.ogg" type="video/ogg">
 </video>

如图代码，没有加controls控件，在不是全屏的状态下是不显示的播放控件的

但是全屏后出现的控件怎样隐藏掉？？？求解答

Answer 1

可以尝试一下：

 video::-webkit-media-controls,
    video::-moz-media-controls,
    video::-webkit-media-controls-enclosure{
    display:none !important;
}

video::-webkit-media-controls-panel,
video::-webkit-media-controls-panel-container,
video::-webkit-media-controls-start-playback-button {
    display:none !important;
    -webkit-appearance: none;
}

Answer 2

自带的控件是没法达到要求的，一般的做法是自己做一个控件

Answer 3

试试这个：
https://github.com/videojs/vi...