<style type="text/css">
    video::-webkit-media-controls-enclosure {
        overflow:hidden;
    }
    video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }
</style>
//去除右键事件
$("video").live("contextmenu",function(){//取消右键事件
    return false;});
												


											
H5 Video 去除 下载按钮 禁用右键的更多相关文章
	

    
								
  1. Chrome浏览器video样式控制-隐藏下载按钮
		
    Chrome浏览器在升级之后 video的样式和之前是不一样的,如果使用原生video的话可能会有影响,实际项目中最好使用第三方插件以保证video在所有浏览器都有统一的样式 一.如何隐藏video的 ...
    
		
    2. 
						
  2. h5的video下载按钮如何隐藏
		
    h5的video下载按钮在部分手机系统上是不可用的,想要把这个按钮屏蔽掉,可苦于没有像屏蔽全屏按钮那样的伪类video::-webkit-media-controls-fullscreen-butto ...
    
		
    3. 
						
  3. 【HTML5】video 标签禁用自带的下载按钮
		
    h5自带的 video标签 ,会有个下载按钮,有时候想避免,就可以利用样式的方法 <style type="text/css"> video::-internal-me ...
    
		
    4. 
						
  4. 用HTML5 video标签插入视频，在谷歌浏览器上播放视频时，右下角显示的下载按钮怎么去掉
		
    使用H5的video标签可以直接插入视频,一般在浏览器效果如下图显示: 但有时在谷歌浏览器上显示,会遇到右下角有下载按钮.如果项目要求去掉这个下载按钮,怎么办呢?如下图显示: 分析: 经本人测试,是谷 ...
    
		
    5. 
						
  5. 去掉谷歌浏览器  video标签下的下载按钮
		
    一.判断浏览器版本(区分谷歌和360浏览器) function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字 ...
    
		
    6. 
						
  6. html页面原生video标签隐藏下载按钮
		
    在写web项目的时候,遇到简介页面有一个单独的简介视频,只有这一个短短的视频所以没有使用任何video组件,所以运用原生video标签就想解决问题. 虽然简介视频是非付费的,但也不希望会有下载按钮或者 ...
    
		
    7. 
						
  7. html中如何移除video下载按钮
		
    我发现部分安卓手机使用video标签播放视频的时候会自带一个下载按钮,一般产品大多都不需要这一功能,那如何屏蔽下载按钮呢?有下面两种,请一定使用第一种方式,使用css控制会有兼容性问题,建议不要使用这 ...
    
		
    8. 
						
  8. 去掉video视频播放器下的下载按钮
		
    去掉video视频播放器下的下载按钮: video::-internal-media-controls-download-button { display:none; } video::-webkit ...
    
		
    9. 
						
  9. 如何隐藏 video 元素的下载按钮
		
    1. 使用 video 元素的 ControlList API <video controls controlsList="nodownload"></video ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【转载】WEB系统性能问题的分析定位方法
			
    以一个典型的WEB系统来举例,性能问题一般体现在客户端请求后的响应时间上.在性能测试过程中,即压力增大到某个程度后,响应时间指标迅速增长.但如那篇文章所说,这只能叫做一个现象,测试人员需要找到问题所在 ...
    
			
    2. 
						
  2. STL学习笔记（迭代器类型）
			
    迭代器类型 迭代器是一种“能够遍历某个序列内的所有元素”的对象.它可以透过与一般指针一致的接口来完成自己的工作. 不同的迭代器具有不同的”能力“(行进和存取能力) Input迭代器 Input迭代器只 ...
    
			
    3. 
						
  3. CDN对于动态加速是否有效
			
    CDN对于动态加速是否有效的问题.关于这个问题,一直存在一些分歧,部分人认为有效,部分人认为无效,主要是CDN技术也在更新,而且是比较低调的进行着更新,所以并不是所有人都清楚CDN对动态加速的效果.其 ...
    
			
    4. 
						
  4. emacs的常用配置备份
			
    据说有人搞丢了自己的emacs的配置,然后一怒之下抛弃了emacs投身vim,我还是做个emacs配置的备份吧, 虽然我现在也算不上emacs的发烧友. 这里的配置大多是从网上参考的,最多的是下面的链 ...
    
			
    5. 
						
  5. 微信公众号开发---上传临时素材到公众号遇到的问题："errcode":41005,"errmsg":"media data missing
			
    1.上传临时素材到公众号遇到的问题:"errcode":41005,"errmsg":"media data missing 解决办法:因为php版本 ...
    
			
    6. 
						
  6. xml初学简单介绍
			
    什么是XML? 1.全称Extensible Markup Language,可扩展标记语言,W3C组织公布. 2.XML用来保存有一定结构关系的数据. 3.标签的嵌套,实质是一串字符串. 4.跨平台 ...
    
			
    7. 
						
  7. 07 在Windows下编译Memcached
			
    一:windows下编译Memcached (1)下载地址dll:http://down.51cto.com/data/442606 (2)在php下输出 echo phpinfo():查看php的版 ...
    
			
    8. 
						
  8. keil中使用Astyle格式化你的代码的方法2篇合
			
    关于Astyle Astyle 的全称是Artistic Style的简称,是一个开源的源代码格式化工具,可以对C,C++,C#以及Java等编程语言的源代码进行缩进.格式化.美化.Home Page ...
    
			
    9. 
						
  9. Java学习篇之---json-lib(Maven)
			
    json-lib(Maven) java中用于解释json的主流工具有org.json.json-lib与gson.本篇文章介绍json-lib. 项目中要用到json-lib.在pom.xml文件里 ...
    
			
    10. 
						
  10. vue-router实现页面的整体跳转
			
    直接看效果图: 代码地址:https://github.com/YalongYan/vue-router-jump
    
			
    11.