隐藏方法:

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. Rsync数据同步工具
			
                                        Rsync数据同步工具 什么是Rsync? Rsync是一款开源的.快速的.多功能的,可以实现全量及增量的本地或原程数据同步备份 ...
    
			
    2. 
						
  2. centos7 安装 redis-4.0.9
			
    下载地址:https://redis.io/download 下载 安装: $ wget http://download.redis.io/releases/redis-4.0.9.tar.gz $  ...
    
			
    3. 
						
  3. MyBatis探究-----返回Map类型数据
			
    1.使用@MapKey @MapKey:告诉mybatis封装Map的时候使用哪个属性作为Map的key Map<K, V>:键是这条记录的主键key,值是记录封装后的javaBean 1 ...
    
			
    4. 
						
  4. 功能比较全的StackExchange.Redis封装帮助类(.Net/C#)
			
    Redis官网https://redis.io/ 以下内容未全部验证,如有问题请指出 //static NewtonsoftSerializer serializer = new Newtonsoft ...
    
			
    5. 
						
  5. 整理的Python零基础入门！转载他人的！
			
    安装Python 前往 官网下载 对应平台对应工具.另外Python2.7版本和3.3版本并不兼容,所以开发时请注意使用Python的版本. 作为Mac OS X使用者,其实更推荐 PyCharm I ...
    
			
    6. 
						
  6. cookie和sission的原理及异同
			
    Cookie Cookie是存储在客户机的文本文件,它们保存了大量轨迹信息.在servlet技术基础上,JSP显然能够提供对HTTP cookie的支持. 通常有三个步骤来识别回头客: 服务器脚本发送 ...
    
			
    7. 
						
  7. python locust 性能测试：嵌套
			
    TaskSet类和TaskSequence类可用于嵌套<可以在TaskSequences中嵌套TaskSets,反之亦然>: from locust import TaskSet, tas ...
    
			
    8. 
						
  8. antd-design  TextArea  initialValue  不生效可能原因
			
    <Form.Item label="展会介绍"> {getFieldDecorator('introduce', { initialValue:record.intro ...
    
			
    9. 
						
  9. vivo Xplay 5的Usb调试模式在哪里，打开vivo Xplay 5Usb调试模式的经验
			
    在我们使用安卓手机链接PC的时候,如果手机没有开启Usb调试模式,PC则无办法成功检测到我们的手机,部分app也无办法正常使用,因此我们需要找处理方法将手机的Usb调试模式开启,如下内容我们介绍viv ...
    
			
    10. 
						
  10. %zsy %lqs 随感
			
    今天是cj的大毒瘤zsy(对对,您说的都对,题目不难的啦,是我太菜啦)出题. 我校选手lqs仍然坚持高水平的发挥,wzy神犇却不在状态. 面对T1sb题(其实干了2h)和T3的原题(我&lqs ...
    
			
    11.