html5-video标签屏蔽右键视频另存为的js代码

最新推荐文章于 2024-08-14 17:49:33 发布
原创 最新推荐文章于 2024-08-14 17:49:33 发布 · 8.8k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍如何通过JavaScript代码阻止HTML5 video标签区域内的右键菜单出现“视频另存为”选项，有效防止用户直接从网页下载视频。
html5 video标签本身有下载功能但是在video区域内，点击右键可以将“视频另存为”下面是屏蔽右键视频另存为的js代码，有此需求的朋友不要错过
做HTML5的video标签，本身我们有下载功能，但是在video区域内，点击右键可以将“视频另存为”，

来下载视频，为了屏蔽“视频另存为”，可以在js中加入以下代码：

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

其中myVideo为video标签的id，这样就可以屏蔽video标签区域的右键功能，

wait0920
关注
html5 video标签屏蔽右键视频另存为的js代码
11-21
做HTML5的video标签，本身我们有下载功能，但是在video区域内，点击右键可以将“视频另存为”， 来下载视频，为了屏蔽“视频另存为”，可以在js中加入以下代码： 复制代码代码如下: $(‘#myVideo’).bind(‘contextmenu’,function() { return false; }); 其中myVideo为video标签的id，这样就可以屏蔽video标签区域的右键功能， 但是不能做到真正的屏蔽(你懂的。。。)。
关于谷歌浏览器视频有灰底的解决方法
小毛每天要顺毛的博客
04-20 2614
video{ -webkit-filter: brightness(99.5%); } 数值越高，越白，有可能会覆盖原有的灰色。
Blob开头视频链接如何下载
热门推荐
Stone_Fox的博客
02-22 2万+
** Blob开头视频链接如何下载 ** 1.打开谷歌浏览器 找到需要下载视频的网页。 我们发现无法直接下载视频，右键，视频另存为是灰色不可下载的。 有的小伙伴们就放弃了，作为一个精益求精，一个高大上的我怎么可能轻易放弃，谁也不能阻止我走向巅峰。 2.于是乎，我又开始奇思妙想，点击复制视频地址看看，结果是这鬼样。 这个blob是个什么鬼？删了看看！ 这又是何方妖孽？ 3.自行百度了一下blo...
IE里面右键"目标另存为"等几项为灰色,不可用状态的解决
polisan's World
06-24 1万+
最近处于考期,于是乎,为了限制自己上网,开启了"分级审查"(IE->工具->Internet选项->内容->分级审查),导致出现了标题中的问题,用起来很不爽的说,在网上查了一下,发现是上面的问题 (http://support.microsoft.com/kb/176316/zh-cn),取消分级审查就好了.现在把那个网页摘过来,摘录如下:症状loadTOCNode(1, sym
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件，Video 禁止鼠标右键下载
No8g攻城狮的博客
10-21 8185
本文目录 一、背景 二、解决方案 一、背景 最近公司发现有竞争对手下载我司网站上的视频，并据为已用，严重损害我司利益，所以让我在网站上添加禁止鼠标右键下载视频的功能。 二、解决方案 步骤一，先屏蔽视频播放器右下角三个点的下载按钮（chrome会显示三个点） 在Video标签内添加 controlslist="nodownload" 属性 <div class="section-content"> <video autoplay="" id="video01" lo
html5 video 屏蔽右键,html5 video标签屏蔽右键视频另存为的js代码-HTML5教程
weixin_28867883的博客
05-30 424
【总结】富有表现力的JavaScript1.JavaScript的灵活性 JavaScript是目前最流行.应用最广泛的语言之一,它是一种极富表现力的语言,它具有C家族语言所罕见的特性.这种语言允许我们使用各种方式来完成同一个任务或者功能, ...【web前端面试题整理06】成都第一弹，邂逅聚美优品前言 上周四回了成都,休息了一下下,工作问题还是需要解决的,于是今天去面试了一下,现在面试回来了,我...
h5禁用浏览器下载视频_【HTML5】video 标签禁用自带的下载按钮
weixin_39966376的博客
12-18 2976
h5自带的 video标签 ，会有个下载按钮，有时候想避免，就可以利用样式的方法video::-internal-media-controls-download-button {display:none;}video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-media-controls-panel {wi...
html5 video标签如何禁止视频下载
weixin_34167043的博客
06-25 7697
html5 video标签如何禁止视频下载 一、总结 一句话总结：bing方法给video对象绑定return false的匿名方法。 1、html5 video标签如何禁止视频下载？ bing方法给video对象绑定return false的匿名方法。 这样的效果是禁止鼠标右键的另存为功能。 23 $('#video1').bind('contextmenu',function...
原生video 禁用鼠标右键另存为 及 下载
最新发布
weixin_50559423的博客
08-14 973
再次如果不想要下载功能（需求：因为src视频流 只支持播放，不支持下载。另外去做下载功能），废话不多说直接上代码。当然页面中也可以右键‘另存为’ 也需要做处理，使用oncontextmenu事件，禁用鼠标右键的菜单。原生的video标签添加了controls属性后，工具控制栏 …onselectstart事件，禁止利用右键在网页上选取内容；此外，针对需要还可以对video标签的其他按钮进行隐藏。也可以添加其他属性 鼠标右键 另存为禁用等。oncopy事件，禁止利用右键进行复制。
<video> 禁用全部右键菜单 / video.js视频播放时长修改
weixin_30627341的博客
08-27 951
<video> 禁用全部右键菜单 <video oncontextmenu="return false;" id="my-video-player" width="854" height="480" controls autoplay> <source src="https://example.com/link-to-my-video.mp4" ...
HTML页面原生VIDEO标签隐藏下载按钮功能
12-13
在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。 虽然简介视频是非付费的，但也不希望会有下载按钮或者可以视频另存为，所以找到一个可以看上去没有下载功能的方法，做一下笔记。 想要隐藏以上下载按钮，三个样式就可以了，不废话直接贴代码： video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden;
html中禁止网页另存为、查看源文件、屏蔽鼠标右键
07-21 8180
在HTML网页中加入几行简单的代码可以禁止他人使用鼠标右键和“另存为”命令。 一、屏蔽鼠标右键 把网页的标签修改为下面的代码： ＜body oncontextmenu=self.event.returnValue=false onselectstart="return false"＞</body> 现在点击鼠标右键就不会有任何反应了。 二、禁止“另存为”命令 在目标...
python 使用OpenCV保存视频失败的解决方案及摄像头显示灰色的解决办法
啦啦啦啦啦啦
12-25 3892
1.视频保存失败，可能是电脑上没有装相应的解码工具。    方案1：将out = cv2.VideoWriter(name_text.get()+'.avi', fourcc, 20, (640, 480))中的第二个参数 fourcc换成-1，这样可以在运行的时候跳出来一个弹框，然后手动选择哪个可以使用，运气好的话第一个就可以用，不过也有都不能成功的情况   方案2：下载xvid 然后将fo
video视频标签隐藏下载功能，禁止右键另存为视频的操作
Mr_wangxiansheng的博客
06-16 2312
video视频标签隐藏下载功能，禁止右键另存为视频的操作
禁止网站被另存为的几种方法
虾哔哔的博客
09-21 1万+
1、使右键和复制失效 方法1： 在网页中加入以下代码： <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); </scrip
怎么修改横屏视频的大小尺寸？调整画面比例的两种方法
departed_saint的博客
12-09 1万+
由于每个视频平台对上传的视频大小尺寸存在差异，因此，为了不影响视频的观看效果，我们在上传视频前先修改视频的大小尺寸，最好按比例来调整视频画面。 一、按比例裁切视频画面 将需要剪辑的视频导入视频剪辑高手的“批量剪辑视频”功能上 多个视频，一行导入一个 在“新视频选项”中勾选“画面裁切……”这个选项，并点“智能编辑裁切区域” 在所弹出的对话框中，第一步先选择一个待裁切的视频，然后将宽度和高度按比例设置，比如1024576，记得保存设置 回到主界面，进行裁切，等裁切好了，打开文件夹，各个视频均按比例裁切为
js实现页面视频video标签禁止下载（下载按钮+右击菜单）
Dreamingnini的博客
12-08 2631
项目需求：禁止用户浏览页面的时候下载页面的视频 解决： 网页上下载视频的方法有两种 1、视频自带的下载按钮 2、右击页面出现菜单中的“另存为”
html5 video标签屏蔽右键视频另存为的js
Deep_Learning
11-05 8545
$('#myVideo').bind('contextmenu',function() { return false; }); 其中myVideo为video标签的id
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值