方法一:controlslist属性
<video id="myVideo" width="100%" height="100%" controlslist="nodownload" autoplay controls loop>
<source src="视频链接" type="video/mp4">
</video>
注释:在video
标签中加入controlslist="nodownload"
隐藏下载按钮!
方法二:播放器区域禁用鼠标右键
$('#myVideo').bind('contextmenu',function() {return false; });
以上是编程学习网小编为您介绍的“html5视频video标签如何禁止下载视频”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:html5视频video标签如何禁止下载视频
基础教程推荐
猜你喜欢
- el-table(Sortable)简单实现拖动排序(亲测有效) 2024-12-10
- 网站加载中loading..样式四代码介绍 2025-01-22
- vue年会砸金蛋抽奖活动代码 2025-01-14
- HTML5中视频音频的使用详解 2024-01-06
- javascript删除数组中指定元素的5种方法 2024-11-22
- javascript cookie操作类的实现代码小结附使用方法 2024-03-21
- javascript圆盘抽奖程序实现原理和完整代码例子 2024-01-08
- ThinkPHP表单数据智能写入create方法实例分析 2024-04-22
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- DOM 获取标签 获取body 标签 获取html根标签 querySelector querySelectorAll 2023-10-28