<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. Time.timeScale 时间缩放
			
    static var timeScale : float Description描述 The scale at which the time is passing. This can be used  ...
    
			
    2. 
						
  2. 单点登录cas常见问题(四) - ticket有哪些存储方式？
			
    配置文件ticketRegistry.xml负责配置ticket的存储方式,registry是注冊表,登记薄的意思 经常使用的存储方式包含 1.DefaultTicketRegistry:默认的.存储 ...
    
			
    3. 
						
  3. NYOJ-277-车牌号
			
    车牌号 时间限制:3000 ms  |  内存限制:65535 KB 难度:1 描写叙述 茵茵非常喜欢研究车牌号码,从车牌号码上能够看出号码注冊的早晚,据研究发现,车牌号码是按字典序发放的,如今她收集 ...
    
			
    4. 
						
  4. 对于刚開始学习的人Xcode最经常使用的快捷键
			
    对于刚開始学习的人而言,好多人都是直接使用鼠标进行操作.差点儿非常少使用快捷键,从而再练习编程时比别人慢那么一点,今天就把刚開始学习的人最经常使用的几个快捷键给大家总结下,当然欢迎大家补充. (1)c ...
    
			
    5. 
						
  5. 【Excle数据透视表】如何禁用数据透视表的总计行/列
			
    如上图:有行合计也有列合计.现在我们需要将行列合计都去除,如何操作呢? 解决办法一: 数据透视表区域任意单元格→数据透视表工具→设计→布局→总计→对行和列禁用 解决办法二: 数据透视表区域任意单元格→ ...
    
			
    6. 
						
  6. 基于RxJava2+Retrofit2精心打造的Android基础框架
			
    代码地址如下:http://www.demodashi.com/demo/12132.html XSnow 基于RxJava2+Retrofit2精心打造的Android基础框架,包含网络.上传.下载 ...
    
			
    7. 
						
  7. 杂(三)-The type java.lang.Object cannot be resolved It is indirectly referenced ...
			
    The type java.lang.Object cannot be resolved. It is indirectly referenced from required .class files ...
    
			
    8. 
						
  8. viewDidLayoutSubviews在ios7上导致应用崩溃
			
    在ios8中使用viewDidLayoutSubviews,应用正常运行,没有问题,但是应用在ios7上运行的时候,报错,导致应用崩溃,错误信息类似: Cannot find executable f ...
    
			
    9. 
						
  9. Spring Web Flow 入门demo（三）嵌套流程与业务结合 附源代码
			
    上篇博客我们说Spring web Flow与业务结合的方式主要有三种,以下我们主要介绍一下第三种的应用方式 3,运行到<action-state> 元素 SpringWeb Flow 中 ...
    
			
    10. 
						
  10. 解决Windows平台通过cURL上传APP到蒲公英pgyer平台时无法使用中文升级描述的问题
			
    解决Windows平台通过cURL上传APP到蒲公英pgyer平台时无法使用中文升级描述的问题 官方上传命令 curl -F file=@"315.apk" -F uKey=XXX ...
    
			
    11.