使用CSS去掉点击后出现的默认边框(video/input...)

在元素上添加 outline 属性

 outline: none;

 

去除视频默认控件

// 在每个控件加上 display: none
video::-webkit-media-controls-fullscreen-button {
        /* display: none; */
}

 video::-webkit-media-controls-play-button {

}

video::-webkit-media-controls-timeline {

}

video::-webkit-media-controls-current-time-display {

}

video::-webkit-media-controls-time-remaining-display {

}

video::-webkit-media-controls-mute-button {

}

video::-webkit-media-controls-toggle-closed-captions-button {

}

 video::-webkit-media-controls-volume-slider {

}