video标签工具条
时间: 2023-11-15 18:50:36 浏览: 132
视频标注工具
5星 · 资源好评率100%
video标签的工具条可以通过添加controls属性来显示。如果你想隐藏某些控件组件,可以使用CSS来设置相关属性将其隐藏。以下是一些常见的控件组件以及如何隐藏它们的示例代码:
- 全屏按钮:
```css
video::-webkit-media-controls-fullscreen-button {
display: none;
}
```
- 播放按钮:
```css
video::-webkit-media-controls-play-button {
display: none;
}
```
- 进度条:
```css
video::-webkit-media-controls-timeline {
display: none;
}
```
- 观看的当前时间:
```css
video::-webkit-media-controls-current-time-display {
display: none;
}
```
- 剩余时间:
```css
video::-webkit-media-controls-time-remaining-display {
display: none;
}
```
- 音量按钮:
```css
video::-webkit-media-controls-mute-button {
display: none;
}
```
- 音量的控制条:
```css
video::-webkit-media-controls-volume-slider {
display: none;
}
```
- 所有控件组件:
```css
video::-webkit-media-controls-enclosure {
display: none;
}
```
如果你还有其他问题,请随时提问。
阅读全文