<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. XP中如何配置和共享打印机
			
    Win XP中如何配置和共享打印机                一.配置  打印机 在"控制面板"打开"打印机和传真",在左边的选项或单击右键选择" ...
    
			
    2. 
						
  2. pomodoro源码
			
    有网友问我要pomodoro源码.事实上这个程序非常easy,仅仅是定时器,定时弹出置顶窗体.用c++builder6.0写.放一个TPopupMenu 右键菜单,一个TTrayIcon 一个托盘图标 ...
    
			
    3. 
						
  3. Spring MVC 学习笔记 spring mvc Schema-based configuration
			
    Spring mvc 目前支持5个tag,分别是 mvc:annotation-driven,mvc:interceptors,mvc:view-controller, mvc:resources和m ...
    
			
    4. 
						
  4. ckeditor编辑时  回车 生成一个段落p、解决首行缩进问题
			
    使用ckeditor编辑器时,会自己主动加入上的标签,按回车也会自己主动加入上同样的标签 查看ckeditor编辑器源代码时会看到,点击回车显示的<p> </p> static ...
    
			
    5. 
						
  5. 【Lucene】Apache Lucene全文检索引擎架构之搜索功能3
			
    上一节主要总结了一下Lucene是如何构建索引的,这一节简单总结一下Lucene中的搜索功能.主要分为几个部分,对特定项的搜索:查询表达式QueryParser的使用:指定数字范围内搜索:指定字符串开 ...
    
			
    6. 
						
  6. python单元测试框架 pyunit
			
    概况 系统要求 使用PyUnit构建自己的测试 安装 测试用例介绍 创建一个简单测试用例 复用设置代码:创建固件 包含多个测试方法的测试用例类 将测试用例聚合成测试套件 嵌套测试用例 测试代码的放置位 ...
    
			
    7. 
						
  7. 为什么返回的数据前面有callback？    ashx/json.ashx?的后面加 callback=? 起什么作用  js url?callback=xxx xxx的介绍 ajax 跨域请求时url参数添加callback=?会实现跨域问题
			
    为什么返回的数据前面有callback?   这是一个同学出现的问题,问到了我. 应该是这样的: 但问题是这样的: 我看了所请求的格式和后台要求的也是相同的.而且我也是这种做法,为什么他的就不行呢?  ...
    
			
    8. 
						
  8. js从$scope外部调用$scope内部函数，跨js调用非全局函数
			
    scope内部函数定义 //定位 $scope.LocateByPoint = function (x,y) { if(!x || !y) { window.alert("GPS坐标不存在, ...
    
			
    9. 
						
  9. Caused by: java.lang.ClassNotFoundException: Didn't find class "** *** ** **" on path: DexPathList[[zip file "/data/app/*** *** ***-2/base.apk"],nativeLibraryDirectories
			
    Caused by: java.lang.ClassNotFoundException: Didn't find class "** *** ** **" on path: Dex ...
    
			
    10. 
						
  10. 获取、增加、修改、删除sqlserver字段描述及快速查看表字段与描述
			
    先看添加与删除字段描述 EXEC sys.sp_addextendedproperty @name = N'MS_Description', --添加Type字段说明 @value = N'屏蔽类型对 ...
    
			
    11.