隐藏方法:

video::-webkit-media-controls{
  overflow:hidden !important;
}
video::-webkit-media-controls-enclosure{
  width: calc(100% + 80px);
  margin-left: auto;
}

参考:

https://github.com/WICG/controls-list/blob/gh-pages/explainer.md
https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist
http://www.lichen100.com/article/49.html

												


											
在chrome上隐藏video的option按钮的更多相关文章
	

    
								
  1. 如何禁止Chrome浏览器隐藏URL的WWW前缀
		
    如何禁止Chrome浏览器隐藏URL的WWW前缀 一.打开Chrome浏览器 二.在Chrome浏览器的地址栏中输入以下内容并回车: chrome://flags/#omnibox-ui-hide-s ...
    
		
    2. 
						
  2. UEditor百度编辑器，工具栏上自定义添加一个普通按钮
		
    添加一个名叫“hougelou”的普通按钮在工具栏上: 第一步:找到ueditor.config.js文件中的toolbars数组,增加一个“hougelou”字符串,然后找到labelMap数组,对 ...
    
		
    3. 
						
  3. cVim—Chrome上更强大的vim插件
		
    cVim——Chrome上更强大的vim插件 介绍 也许很多人在chrome上都用过类似Vimium, ViChrome的插件,这些插件的目的都差不多,就是在浏览器中提供一些类似vim的操作来提高效率 ...
    
		
    4. 
						
  4. JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法
		
    JS中关闭窗口的方法window.close()在IE上能够正常动作,而在FireFox和Chrome上无法动作. (当时,在Chrome35.0上的时候还是可以的,Chrome36.0上就无法动作了 ...
    
		
    5. 
						
  5. selenium在chrome上运行报 Element is not clickable at point (1096, 26)
		
    Firefox上正常运行的脚本在chrome上提示Element is not clickable at point (1096, 26).分析原因,首先肯定不是因为页面元素不存在而无法点击.也不是要 ...
    
		
    6. 
						
  6. Kindeditor富文本实现textarea文本域的上传及单独button 按钮绑定(用来实现单文件上传)
		
    在最近项目要新增一个内容文章,文章包含一般的正文内容,其中正文中可以包含多张图片.文章最多包含一个音频文件.文章正文的上传功能我是通过textarea文本域绑定kindeditor编辑器实现的,而单独 ...
    
		
    7. 
						
  7. 常见问题1：默认div隐藏，点击按钮时出现，再点击时隐藏。
		
    例:默认div隐藏,点击按钮时出现,再点击时隐藏. <a href="#" onclick="f('ycbc')"; >控制按钮</a> ...
    
		
    8. 
						
  8. 在 chrome 上导出 pdf
		
    用html+css写出网页,然后在chrome上导出pdf 1. command + p:快捷呼出打印: 2. “目标打印机”:选择“更改”,之后选择“另存为PDF”: 3. 点“更多设置”,可以勾选 ...
    
		
    9. 
						
  9. Android 借助Stetho在Chrome上调试Android网络、数据库、Sharedpreferences
		
    Android 借助Stetho在Chrome上调试Android网络.数据库.Sharedpreferences 转载请标明出处:http://blog.csdn.net/zhaoyanjun6/a ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Linq To Object 函数介绍
			
    static void Main(string[] args) { #region Aggregate 把集合中的元素按照表达式依次执行 { IEnumerable<int> list = ...
    
			
    2. 
						
  2. tree状数据叶子节点与根节点等的递归转换
			
    做项目时经常遇到树状层级数据.从各个层级数据的转换查询等.场景如行业类别的多层级,行政区层级,检查项类别层级等等. 数据结构如  Id Name ParentId #region area树状节点的转 ...
    
			
    3. 
						
  3. Linux交换Esc和Caps
			
    使用过 .xmodmap,重启后就失效,添加到rc.local也不管用,后来通过在xorg里配置成功. 更改xorg里的键盘配置,增加Option "XkbOptions" &qu ...
    
			
    4. 
						
  4. 用mongols轻松打造websocket应用
			
    用websocket做聊天系统是非常合适的. mongols是一个运行于linux系统之上的开源c++库,可轻松开启一个websocket服务器. 首先,build一个websocket服务器. #i ...
    
			
    5. 
						
  5. Running ROS on Windows 10
			
    1.在Windows10下安装ROS.需要开启WSL.参考 2.修改ubuntu国内源,可以提高安装包下载更新速度. (1)原文件备份:sudo cp /etc/apt/sources.list /e ...
    
			
    6. 
						
  6. css3 手风琴
			
    1.看了网上很多关于css的手风琴案例,但是都没有讲到相关的原理. 主要原理1. 利用target属性.2.锚点链接. <!doctype html><html><hea ...
    
			
    7. 
						
  7. PHP 不同类型之间的松散和严格比较
			
    原始数据类型 在比较之前先简单介绍一下PHP的9种原始数据类型,包括 四种标量类型: boolean(布尔型) integer(整型) float(浮点型,也称作 double) string(字符串 ...
    
			
    8. 
						
  8. 用 webpack  创建 vue 项目
			
    1.安装支持webpack 包 npm i -D  webpack webpack-cli  aspnet-webpack webpack-dev-middleware  webpack-hot-mi ...
    
			
    9. 
						
  9. (简单)华为M3揽月 BTV-W09的Usb调试模式在哪里开启的经验
			
    每次我们使用pc链上安卓手机的时候,如果手机没有开启Usb调试模式,pc则没办法成功识别我们的手机,有时候,我们使用的一些功能较好的app如以前我们使用的一个app引号精灵,老版本就需要开启Usb调试 ...
    
			
    10. 
						
  10. [ABP] ASP.NET Zero 5.6.0 之 ASP.NET Zero Power Tools 破解日志
			
    两个要破解Patch的关键dll名称:AspNetZeroRadToolVisualStudioExtension.dll和AspNetZeroRadTool.dll AspNetZeroRadToo ...
    
			
    11.