HTML5控制video控件样式

        video::-webkit-media-controls-fullscreen-button {
            display: none;
        }
        
        video::-webkit-media-controls-play-button {
            display: none;
        }
        
        video::-webkit-media-controls-timeline {
            display: none;
        }
        
        video::-webkit-media-controls-current-time-display {
            display: none;
        }
        
        video::-webkit-media-controls-time-remaining-display {
            display: none;
        }
        
        video::-webkit-media-controls-mute-button {
            display: none;
        }
        
        video::-webkit-media-controls-toggle-closed-captions-button {
            display: none;
        }
        
        video::-webkit-media-controls-volume-slider {
            display: none;
        }
        video::-webkit-media-controls-enclosure {
            display: none;
        }

        video {
            width: 100%;
            height: 100%;
        }

想要自定义video控件样式前提是video标签内已经设置 controls 属性。