video 标签设置样式

设置video标签的默认样式

在这里插入图片描述

	//全屏按钮
 	video::-webkit-media-controls-fullscreen-button {
        // display: none;
    }
    //播放按钮
    video::-webkit-media-controls-play-button {

    }
    //进度条
    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;
    }

文章链接:https://blog.csdn.net/danruwang/article/details/96111753