HTMl5之video标签禁止下载（隐藏下载按钮）

最新推荐文章于 2024-07-23 03:50:02 发布

追梦赤子心刘大哥

最新推荐文章于 2024-07-23 03:50:02 发布

阅读量3.9k

点赞数 1

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/qq_37035946/article/details/115695089

版权

HTML 专栏收录该内容

16 篇文章

订阅专栏

<video controls controlslist="nodownload">
     <source src="a.mp4" type="video/mp4">
     nonsupport video
 </video>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

追梦赤子心刘大哥

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Video标签禁止下载

u010312671的专栏

10-16

5947

video标签屏蔽掉自带的下载

html5 video标签如何禁止视频下载

weixin_34418883的博客

06-25

1万+

html5 video标签如何禁止视频下载一、总结一句话总结：bing方法给video对象绑定return false的匿名方法。 1、html5 video标签如何禁止视频下载？ bing方法给video对象绑定return false的匿名方法。这样的效果是禁止鼠标右键的另存为功能。 23 $('#video1').bind('contextmenu',function...

参与评论您还未登录，请先登录后发表或查看评论

HTML5 video标签禁止下载

qq_25103439的博客

09-09

9156

<video :src="path" controls="true" controlslist="nodownload" style="width: 100%" ref="video"> 您的浏览器不支持 video 标签。 </video>

html5 隐藏video控件的下载按钮

前进者

03-16

4455

最近在开发项目的时候，为了保证用户上传的视频资源不被其他用户下载，网页使用了html5的video标签进行视频播放所以需要禁止video标签自带的下载功能。方法一：给video对象绑定return false 该代码确实可以屏蔽掉右键另存， $('#video1').bind('contextmenu',function() { return false; }); 方法二：添加下面的样...

js实现页面视频video标签禁止下载（下载按钮+右击菜单）

Dreamingnini的博客

12-08

2191

项目需求：禁止用户浏览页面的时候下载页面的视频解决：网页上下载视频的方法有两种 1、视频自带的下载按钮 2、右击页面出现菜单中的“另存为”

Html5页面video标签禁用下载视频

liyuan_yoao的博客

10-12

3226

H5页面禁止视频下载

video标签隐藏右下角的三个点

weixin_40785357的博客

09-05

1万+

通过controlslist和禁止右键使播放器不能被下载 <video src="{$data.h_video}" class="swiper-slide-img" id="qqq" controls controlslist="nodownload nofullscreen noremoteplayback" oncontextmenu = "return false"> ...

HTML5中关于解决video标签禁止右键和下载视频的办法

kirinlau的专栏

03-21

5743

html5中的video标签类型的预览，由于原生的video标签添加了controls属性后，右下角的 …点击后会出现‘下载’ ，‘播放速度’，‘画中画’ 的功能选项，但是由于有只读权限的问题，需要关闭掉‘下载功能

HTML5下video右键禁用-禁止右键下载视频

最新发布

weixin_40890706的博客

07-23

134

方法一：登录后复制 <script language="javascript" type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script> <script> $(docum...

HTML5 video how to下载

11-07

用20个范例手把手地讲解HTML5解码播放视频技术，包括转码视频到HTML5格式、推送视频、嵌入视频......总之，关于HTML视频技术一网打尽。

HTML5视频插件video.js

01-11

支持HTML5的一款视频播放插件，使用时在head里引入<link href=“./video-js.css” rel=”stylesheet”>和[removed][removed]这两个文件就可以使用了。主要用法如下： <video id=”my_video_1″ class=”video-js vjs-default-skin” controls preload=”auto” width=”640″ height=”264″ poster=”my_video_poster.png” data-setup=”{}”> </video>

HTML5的视频播放器Html5VideoPlayer.zip

07-19

支持双击全屏支持左右键控制播放进度支持开关灯控制说明配置vWidth 控件宽vHeight 控件高vSrc 视频地址vZIndex z-index,默认100vShowLightSwitch 是否显示开关灯按钮回调GetInfo 获取信息GetVolume 获取音量GetCurrentTime 获取当前播放的时间返回对象SetCurrentTime 设置当前播放的时间SetVolume 设置音量SetMuted 设置静音SetPause 设置暂停SetPlay 设置播放运行效果

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

11-21

做HTML5的video标签，本身我们有下载功能，但是在video区域内，点击右键可以将“视频另存为”，来下载视频，为了屏蔽“视频另存为”，可以在js中加入以下代码：复制代码代码如下: $(‘#myVideo’).bind(‘contextmenu’,function() { return false; }); 其中myVideo为video标签的id，这样就可以屏蔽video标签区域的右键功能，但是不能做到真正的屏蔽(你懂的。。。)。

禁用video标签下载按钮

Cembseven的博客

09-12

1435

<video width="300" height="190" poster="images/video_poster.png" controls controlsList='nodownload noremote footbar'>

video视频标签隐藏下载功能，禁止右键另存为视频的操作

Mr_wangxiansheng的博客

06-16

2150

video视频标签隐藏下载功能，禁止右键另存为视频的操作

解决Vedio标签视频禁止下载方法

热门推荐

有一只柴犬的专栏

07-23

3万+

1、屏蔽鼠标右键：<body oncontextmenu = "return false"> 2、屏蔽视频播放器右下角三个点的下载按钮（chrome会显示）： <video class="edui-upload-video vjs-default-skin video-js" controls="true" controlslist="nodownload" preloa...

video组件——禁用下载功能——基础积累

yehaocheng520的博客

08-29

6281

video组件——禁用下载功能——基础积累

h5禁用浏览器下载视频_【HTML5】video 标签禁用自带的下载按钮

weixin_39966376的博客

12-18

2804

h5自带的 video标签，会有个下载按钮，有时候想避免，就可以利用样式的方法video::-internal-media-controls-download-button {display:none;}video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-media-controls-panel {wi...

Java 前端对video标签设置隐藏下载功能，禁止右键另存为视频的操作

06-13

在 Java 前端中，可以通过 JavaScript 来实现对 video 标签设置隐藏下载功能和禁止右键另存为视频的操作。具体操作如下： 1. 隐藏下载功能在 video 标签中添加 `controlsList="nodownload"` 属性，即可隐藏下载按钮，示例代码如下： ```html <video src="video.mp4" controls controlsList="nodownload"></video> ``` 2. 禁止右键另存为视频在 video 标签上添加 `oncontextmenu="return false;"` 属性，即可禁止右键另存为视频，示例代码如下： ```html <video src="video.mp4" controls oncontextmenu="return false;"></video> ``` 同时，这种方式只是简单地禁用了右键菜单，无法完全阻止用户下载视频，因此建议您仍然遵循相关法律法规和道德规范，尊重知识产权，不要盗版或侵犯他人权益。