隐藏方法:

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. 理解JS深拷贝
			
    前言: JS的拷贝(copy),之所以分为深浅两种形式,是因为JS变量的类型存在premitive(字面量)与reference(引用)两种区别.当然,大多数编程语言都存在这种特性. 众所周知,内存包 ...
    
			
    2. 
						
  2. 不支持iframe框架？出来吧pdf
			
    <iframe src='http://km.shengaitcm.com/ADC/_layouts/15/WopiFrame.aspx?sourcedoc=%2FADC%2FDocLib6%2 ...
    
			
    3. 
						
  3. 面试 -- 关于Activity的相关知识
			
    本篇文章就是记录关于简单的Activity中的问题 问题一:当Activity中存在两个注册的Activity都是主界面的话,应用程序会报错吗?如果不报错,会把那个Activity当做主界面执行 &l ...
    
			
    4. 
						
  4. 游戏引擎——cocos2d-x
			
    Cocos2d-x是一个开源的移动2D游戏框架,MIT许可证下发布的.这是一个C++ Cocos2d-iPhone项目的版本.Cocos2d-X发展的重点是围绕Cocos2d跨平台,Cocos2d-x ...
    
			
    5. 
						
  5. 关于linux系统CPU篇--->不容易发现的占用CPU较高进程
			
    1.系统的CPU使用率,不仅包括进程用户态和内核态的运行,还包括中断处理,等待IO以及内核线程等等.所以,当你发现系统的CPU使用率很高的时候,不一定能找到相对应的高CPU使用率的进程 2.案例分析, ...
    
			
    6. 
						
  6. docker tmpfs 的测试结果
			
    创建 2G 内存的 Container 使用tmpfs挂载到 /tmp docker run --rm -it --memory 2g --mount type=tmpfs,destination=/ ...
    
			
    7. 
						
  7. Http请求头和常见响应状态码
			
    请求头: Accept:指浏览器或其他客户可以接爱的MIME文件格式.可以根据它判断并返回适当的文件格式. Accept-Charset:指出浏览器可以接受的字符编码.英文浏览器的默认值是ISO-88 ...
    
			
    8. 
						
  8. SpringBoot Controller接收参数的几种常用方式
			
    第一类:请求路径参数1.@PathVariable获取路径参数.即url/{id}这种形式. 2.@RequestParam获取查询参数.即url?name=这种形式 例子GET http://loc ...
    
			
    9. 
						
  9. vue webpack 引入iview iview内部文件报语法错误
			
    错误如下: 是因为 es6 语法没有成功转化 因为 我的项目是别人做好的已经部署的项目 ,但是用到的是es2015  配置es2015并不起作用 是因为es2015已经过期了 安装的时候回有类似下面的 ...
    
			
    10. 
						
  10. Winform Chart 控件读取datatable后显示图表
			
    private void Button2_Click(object sender, EventArgs e) { DataTable table = new DataTable(); this.cha ...
    
			
    11.