video怎么去掉控件

一.HTML5 video标签中的新属性

1. autoplay:如果出现该属性，则视频会自动播放。
2. controls:如果出现该属性，则向用户展示所有控件，比如播放条，声音、时间
3. height: 设置视频播放器的高度。
4. loop：循环播放，播放完成后从头开始，类似于酷狗的单曲循环。
5. muted：规定视频的音频输出应该被静音。
6. poster：规定视频下载时显示的图像，或者在用户点击播放按钮前的图像。
7. preload：视频在页面加载时加载，并预备播放。
8. src：播放视频的URL。
9. width：设置视频播放器的宽度。

二.css隐藏控件

/* 全屏按钮 */
.active::-webkit-media-controls-fullscreen-button {
    display: none;
}

/* 播放按钮 */
.active::-webkit-media-controls-play-button {
    display: none;
}

/* 进度条 */
.active::-webkit-media-controls-timeline {
    display: none;
}

/* 观看的当前时间 */
.active::-webkit-media-controls-current-time-display {
    display: none;
}

/* 剩余时间 */
.active::-webkit-media-controls-time-remaining-display {
    display: none;
}

/* 音量按钮 */
.active::-webkit-media-controls-mute-button {
    display: none;
}

/