怎样隐藏全屏时video的播放控件(原生html,css,js的环境)

沐风
  • 162
<video width="" height="">
    <source src="src/video/apple.mp4" type="video/mp4">
    <source src="src/video/apple.ogg" type="video/ogg">
 </video>

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

clipboard.png

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

clipboard.png

回复
阅读 6.2k
3 个回答

可以尝试一下:

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏