隐藏方法:

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. JavaScript 对象部署 Iterator 接口
			
    const name = { first:"hello", last:"world", fullname: "hello world" }  ...
    
			
    2. 
						
  2. PHP提交失败保留填写后的信息
			
    index.html: <html> <head> <title>jQuery Ajax 实例演示</title> </head> < ...
    
			
    3. 
						
  3. 2018-2019-2 20165215《网络对抗技术》Exp5 MSF基础应用
			
    目录 实验内容 实验原理 实验步骤 (一)一个主动攻击实践 ms08_067(成功) (二)一个针对浏览器的攻击 ms14_064(成功) (三)一个针对客户端的攻击 Adobe(成功) CVE-20 ...
    
			
    4. 
						
  4. h5页面在ios机上禁止长按复制
			
    (注意,增加之后需要对input的另外设置,不然输入框无法输入)场景:H5出现一个按钮需要长按几秒展示动画的,如:skcs.net-tactic.com/wap/peace/index,这时就需要用到 ...
    
			
    5. 
						
  5. Oracle错误——ORA-39002:操作无效、ORA-39070:无法打开日志文件、ORA-06512:在“SYS.UTL_FILE”,line
			
    错误 在使用数据泵impdp导入文件时,出现错误,无法导入数据 Next 问题原因 初步猜测,应该是Oracle用户权限出现问题,是对Directory目录无操作权限所致,经过一番修改和测试,发现使用 ...
    
			
    6. 
						
  6. 【POJ 2176】Folding
			
    [原题链接]传送门 [题面大意] 一个字符串,可以将它改写成循环节带括号的形式进行压缩,输出压缩长度最小的字符串. [题解思路] 1.没思路没思路,不知道怎么乱搞,大概就可以想到动态规划. 2.套路区 ...
    
			
    7. 
						
  7. 论文笔记：Learning Attribute-Specific Representations for Visual Tracking
			
    Learning Attribute-Specific Representations for Visual Tracking AAAI-2019 Paper:http://faculty.ucmer ...
    
			
    8. 
						
  8. 论文阅读：Siam-RPN
			
    摘要 Siam-RPN提出了一种基于RPN的孪生网络结构.由孪生子网络和RPN网络组成,它抛弃了传统的多尺度测试和在线跟踪,从而使得跟踪速度非常快.在VOT实时跟踪挑战上达到了最好的效果,速度最高16 ...
    
			
    9. 
						
  9. HDU 1067 Gap
			
    HDU 1067 Gap Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)   P ...
    
			
    10. 
						
  10. oracle 11g RAC日志分布
			
    oracle 下的alert日志$ORACLE_BASE/diag/rdbms/orcl/orcl1/trace/alertorcl1.log grid 下的 alert 日志 $ORACLE_HOM ...
    
			
    11.