浏览器禁止video视频另存下载

我们都知道html中video标签浏览器会默认带有控制画中画和下载的地方，可是很多时候，我们做的视频都是收费的，不能随便下载，代码又用了html5的视频播放器，那么可以将所有(包括IE)浏览器都不允许下载吗？

答案是肯定的！可以！

首先第一步，css隐藏下载按钮，部分浏览器生效

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px); }

仅用css是不可以，我们还需要在视频标签上添加：controlsList="nodownload”

<video id="video_paly" controlsList="nodownload" controls src="">
当前浏览器不支持 video直接播放
</video>

最后再用jquery控制不允许下载控件出现：

$('#video_paly').bind('contextmenu',function() { return false; });

这样所有浏览器就乖乖听话了。

浏览器禁止video视频另存下载相关推荐

获取网页上没有下载链接的视频音频资源火狐浏览器插件 Video DownloadHelper
获取网页上没有下载链接的视频音频资源荔枝上web的音频下载链接没有了,"查看源代码",没有找到蛛丝马迹,它的数据没有以资源的形式放到前台代码中,于是查看浏览器缓存,希望从中发现点 ...
video视频相关问题：火狐浏览器报错“没有找到支持的视频格式和MIME类型”
1.需求:上传 .mp4 格式的视频到服务器,然后获取展示到前台页面. 2.遇到的问题:在谷歌浏览器上能正常显示视频,但是在火狐浏览器不能显示视频,提示:"没有找到支持的视频格式和MIME类 ...
移动端HTML5＜video＞浏览器劫持视频播放视频激活播放后强制全屏视频无法被其他元素覆盖
浏览器劫持视频播放.视频无法被其他元素覆盖 Html5 video 多媒体标签 <videoid="loginVideo"mutedautoplayloop:src=&quo ...
微信浏览器禁止app下载链接怎么办
通过扫描二维码下载APP已成为一个非常方便的方式,微信也成为扫描二维码重要的工具,但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽,导致用户无法正常下载.本文提供两个迂回的解决方案:1. ...
如何在Mac上使用Kigo Netflix Video Downloader从Netflix 下载视频？
想要保存Netflix视频以进行无限制的离线播放,一键式快速下载高清Netflix视频.Kigo Netflix Video Downloader是您不错的选择, Kigo Netflix Video ...
html5 video在uc不自动播放,uc浏览器无法播放视频怎么办
uc浏览器是一款内容非常丰富的手机服务软件,如果在使用的过程中无法播放视频,那么要如何解决呢,用户在使用过程中会出现各种问题,用户可以根据自己的需求解决这些问题,只需要使用浏览器就可以了,无需其他的 ...
php 禁止浏览器直接访问网页_.php后缀的url地址在浏览器打开怎么不让他下载，而是访问...
.php后缀的url地址在浏览器打开怎么不让他下载,而是访问下面是代码 error_reporting(0); if($_GET['open']==1 && strpos($_SER ...
html5 隐藏video控件的下载按钮
最近在开发项目的时候,为了保证用户上传的视频资源不被其他用户下载,网页使用了html5的video标签进行视频播放所以需要禁止video标签自带的下载功能. 方法一: 给video对象绑定return ...
下载网页视频的软件下载网页视频的方法
视频已然成为一种非常有力的展示方式,我们想要下载视频内容,需要用到下载网页视频的软件,如今这类软件有很多.下载网页视频的方法,也因为使用的软件不同,方法各异.下面我们就来看详细介绍吧! 一.下载网页视 ...

浏览器禁止video视频另存下载

浏览器禁止video视频另存下载相关推荐

最新文章

热门文章