video标签隐藏对应元素

video标签的controls属性添加时,会出现时间轴,播放时间,总时间,音量调节,全屏等控件元素。有时候只想保留其中一种或几种,对应的css如下

// 隐藏video 音量按钮
video::-webkit-media-controls-mute-button {
  display: none !important;
}
 
// 隐藏video 当前按钮
video::-webkit-media-controls-current-time-display {
  display: none !important;
}
 
// 隐藏video 总时间
video::-webkit-media-controls-time-remaining-display {
  display: none !important;
}
 
// 隐藏video 全屏按钮
video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

 

你可能感兴趣的:(html5,html5)