video标签进行css样式修改_video css-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_47997447/article/details/144962612

video::-webkit-media-controls-panel { // 全屏按钮
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-play-button { // 播放按钮
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-volume-slider { // 音量控制条
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-timeline { // 播放进度条
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-play-button{ // 播放按钮
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-current-time-display{ // 播放时间
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-time-remaining-display{ // 视频总时间时间
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-volume-control-container{ // 音量
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-volume-control-hover-background{ // 音量背景
  display: none!important;
  -webkit-appearance: none;
}