<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. Android 虚线切割线
			
    drawable下新建一个虚线的xml.dash_line.xml <? xml version="1.0" encoding="utf-8"?>  ...
    
			
    2. 
						
  2. Archlinux风扇设置
			
    在笔记本(ThinkPad T440)连续两天因过热而死机后, 对内核的风扇控制算法果断失去信心. 风扇的用户层控制接口是 /proc/acpi/ibm/fan, 但为防止用户控制不当烧坏机器, 默认 ...
    
			
    3. 
						
  3. 隐藏ion-nav-back-button的文字
			
    <ion-nav-bar class="bar-positive"> <ion-nav-back-button> </ion-nav-back-but ...
    
			
    4. 
						
  4. H265 Rtp封包
			
    H265 Rtp封包可以参考Ffmpeg,具体实现在文件rtpenc_h264_hevc.c(4.0.1版本),核心的方法是nal_send 这个方法有些绕,下面帖子具体的代码及注释. static  ...
    
			
    5. 
						
  5. delphi的基本数据类型
			
    2017年06月07日 11:02:25 阅读数:402 分类 范围 字节 备注 简单类型 序数 整数 Integer -2147483648 .. 2147483647 4 有符号32位 Cardi ...
    
			
    6. 
						
  6. Ubuntu Server 命令行下显示中文乱码（菱形）解决办法
			
    如果Ubuntu Server在安装过程中,选择的是中文(很多新手都会在安装时选择中文,便于上手),这样在完成安装后,系统默认的语言将会是中文zh_CN.UTF- 8.但问题是我们安装的是服务器,只需 ...
    
			
    7. 
						
  7. JS 正则 钱
			
    function ValidateIsDecial(sValue) { return (!sValue && !!!sValue && /^[0-9]{1,10}(\. ...
    
			
    8. 
						
  8. Nginx访问日志和错误日志的拆分（Logstash）
			
    >> from zhuhaiqing.info input { file { type =>> "nginx-access" path =>>  ...
    
			
    9. 
						
  9. poj 2553 The Bottom of a Graph（强连通、缩点、出入度）
			
    题意:给出一个有向图G,寻找所有的sink点.“sink”的定义为:{v∈V|∀w∈V:(v→w)⇒(w→v)},对于一个点v,所有能到达的所有节点w,都能够回到v,这样的点v称为sink. 分析:由 ...
    
			
    10. 
						
  10. HTML5 2D平台游戏开发#9蓄力技
			
    在很多动作游戏中,玩家操控的角色可以施放出比普通攻击更强力的蓄力技,一般操作为按住攻击键一段时间然后松开,具体效果像下面这张图: 要实现这个操作首先要记录下按键被按住的时间,初始是0: this.sa ...
    
			
    11.