ビデオタグは対応する要素を非表示にします

videoタグのcontrols属性を追加すると、タイムライン、再生時間、合計時間、音量調整、全画面などのコントロール要素が表示されます。時々私はそれらの1つ以上を保持したい、対応する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;
}