隐藏方法:

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. eclipse 没有web项目和server
			
    New项目中没有web Window菜单的preference没有server 解决方法:打开help->Install new software… 在work with中找到http://do ...
    
			
    2. 
						
  2. linux目录详细列表
			
    详细列表 目录 说明 备注 bin 存放普通用户可执行的指令 即使在单用户模式下也能够执行处理 boot 开机引导目录 包括Linux内核文件与开机所需要的文件 dev 设备目录 所有的硬件设备及周边 ...
    
			
    3. 
						
  3. django 后端反向生成url
			
    导入模块 from django.core.urlresolvers import reverse reverse() reverse(viewname, urlconf=None, args=Non ...
    
			
    4. 
						
  4. 易爆物D305
			
    分析:典型的并查集,每一个物品合一看成一个独立的顶点,则一个简单化合物就是一条边,如果两个顶点x,y联通则说明有危险,所以可以用一个并查集来维护图的联通分量集合,并查集的详解有一篇写的很易懂的博客并查 ...
    
			
    5. 
						
  5. Python的伪造数据生成器:Faker
			
    我们在开发中常常需要利用一些假数据来做测试,这种时候就可以使用 Faker 来伪造数据从而用来测试. Faker 是一个可以让你生成伪造数据的Python包.当你需要初始化数据库,创建美观的XML文档 ...
    
			
    6. 
						
  6. react context跨组件传递信息
			
    从腾讯课堂看到的一则跨组件传递数据的方法,贴代码: 使用步骤: 1.在产生参数的最顶级组建中,使用childContextTypes静态属性来定义需要放入全局参数的类型 2.在父组件中,提供状态,管理 ...
    
			
    7. 
						
  7. Redis的持久化
			
    Redis的持久化有两种方式: RDB方式(默认支持):在指定的时间间隔内将内存中的数据集快照写入磁盘 优势 整个Redis数据库将只包含一个文件,对于文件备份来说是完美的,系统出现灾难性的故障时容易 ...
    
			
    8. 
						
  8. get 和 post 请求的区别，一个不错的链接
			
    https://www.cnblogs.com/logsharing/p/8448446.html
    
			
    9. 
						
  9. Springboot 配置cors 跨域的几种方法
			
    作记录用 请参考https://blog.csdn.net/lizc_lizc/article/details/81155895 第一种: 在每个controller上添加 @CrossOrigin  ...
    
			
    10. 
						
  10. Bootstrap3基础 栅格系统 1行最多12列
			
      内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor    ...
    
			
    11.