隐藏video标签中各种控件

如果video标签添加上controls会出现视频控件，如播放按钮、进度条、全屏等。

// html
<video controls class="video"/>

原理：是通过为类元素选择器来实现的。如何查看伪元素，可查看我的上一篇文章。

// css
/* 隐藏video 全屏按钮 */
.video::-webkit-media-controls-fullscreen-button {display: none;
}
/* 隐藏video 播放按钮 */
.video::-webkit-media-controls-play-button {display: none;
}
/* 隐藏video 进度条 */
.video::-webkit-media-controls-timeline {display: none;
}
/* 隐藏video 观看的当前时间 */
.video::-webkit-media-controls-current-time-display{display: none;
}
/* 隐藏video 剩余时间 */
.video::-webkit-media-controls-time-remaining-display {display: none;
}
/* 隐藏video 音量按钮 */
.video::-webkit-media-controls-mute-button {display: none;
}
.video::-webkit-media-controls-toggle-closed-captions-button {display: none;
}
/* 隐藏video 音量的控制条 */
.video::-webkit-media-controls-volume-slider {display: none;
}
/* 隐藏video 所有控件 */
.video::-webkit-media-controls-enclosure{ display: none;
}

若想全部隐藏,去掉controls即可。

<video class="video"/>

隐藏video标签中各种控件相关推荐

WPF标签页眉控件，其中包含滚动按钮，可移动标签项和每个标签中的关闭按钮
目录介绍背景使用代码自定义实现注释下载演示-29 KB 介绍对于许多应用程序,希望有一个带有可滚动,重新排列和关闭的选项卡项的选项卡控件.幸运的是,使用标准WPF组件来实现此目标并不难 ...
c 语言如何隐藏光标,如何隐藏C#中textBox控件的光标
怎么隐藏C#中textBox控件的光标 using System.Runtime.InteropServices; -- [DllImport("user32", EntryPoi ...
video 元素自定义 controls 控件以及常用事件、方法
video 元素自定义 controls 控件以及常用事件属性参考隐藏控件隐藏播放器右下角三个点自定义播放速度阻止默认的全屏和暂停自定义全屏播放常用事件常用属性和方法 <vide ...
VC程序中实现控件的动态生成与响应
动态控件是指在需要时由Create()创建的控件,这与预先在对话框中放置的控件是不同的. 一.创建动态控件: 为了对照,我们先来看一下静态控件的创建. 放置静态控件时必须先建立一个容器,一般是对话框, ...
android怎么查看方法被谁调用,Android中查看布局文件中的控件（view,id）在哪里被调用（使用）...
在阅读别人的代码时通常是很痛苦的,有时很想要看一看布局中的控件在哪里被调用了,为之很苦恼在这里提供一种方法. 复制要查看的控件ID,到R文件中搜索到该ID, 接下来就好办的了,选中ID按下Ctrl鼠 ...
【QT 基础教程四】QT中的控件与事件
概要:这期主要讲解Qt中的控件和事件的概念.然后,我还会简单介绍一些常见的控件以及事件. Qt控件是什么? Qt 控件又称组件或者部件,指用户看到的所有可视化界面以及界面中的各个元素.比如按钮.文本框 ...
.NET中添加控件数组
作者:cuike519的专栏 http://blog.csdn.net/cuike519/ 添加控件数组在.NET里面我好像没有找到有关于控件数组的说明,但是前两天偶在网上看到了一篇关于如何在. ...
Cesium中Clock控件及时间序列瓦片动态加载
前言前面已经写了两篇博客介绍Cesium,一篇整体上简单介绍了Cesium如何上手,还有一篇介绍了如何将Cesium与分布式地理信息处理框架Geotrellis相结合.Cesium的强大之处也在于其 ...
qt中创建控件布局以及删除原有布局和控件
引言当根据数据来创建控件并布局时,如果数据更新,那么之前创建的控件便需要删除后重新创建布局.该文主要说明将原来的布局和控件删除,重新创建并布局. 示例先看一下ui文件: 下面是实现代码: void ...

隐藏video标签中各种控件

隐藏video标签中各种控件相关推荐

最新文章

热门文章