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

问题描述

问 题

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

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

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

解决方案

可以尝试一下：

 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;
}

这篇关于javascript - 怎样隐藏全屏时video的播放控件（原生html，css，js的环境）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！