CSS隐藏video标签中各种控件

1.edio标签加上controls会出现视频控件,如播放按钮、进度条、全屏、观看的当前时间、剩余时间、音量按钮、音量的控制条等等

<video type="video/mp4" src="" 
	   autoplay="" style="width: 400px; height: 300px;" id="e_video" preload="metadata">    
</video>

2. 可以通过下方伪类元素选择器来实现隐藏vedio标签的各种控件。

在这里插入图片描述

3、若想全部隐藏,去掉 controls 属性 即可。

相关推荐

  1. CSS video去掉视频播放条

    2024-03-25 12:12:03       54 阅读
  2. uniapp video视频铺满容器,不显示

    2024-03-25 12:12:03       26 阅读
  3. CSS 控制 video 标签的控制栏组件的显隐

    2024-03-25 12:12:03       56 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-25 12:12:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-25 12:12:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-25 12:12:03       87 阅读
  4. Python语言-面向对象

    2024-03-25 12:12:03       96 阅读

热门阅读

  1. vscode配置rp2040出错记录

    2024-03-25 12:12:03       37 阅读
  2. 交叉编译

    2024-03-25 12:12:03       39 阅读
  3. 洛谷 Cut Ribbon

    2024-03-25 12:12:03       40 阅读
  4. 自学算法:03 一维动态规划

    2024-03-25 12:12:03       42 阅读
  5. PTA天梯赛习题 L2-004 这是二叉搜索树吗?

    2024-03-25 12:12:03       41 阅读
  6. html5&css&js代码 037 多列显示

    2024-03-25 12:12:03       39 阅读