方法一: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标签如何禁止下载视频


基础教程推荐
猜你喜欢
- 常用正则表达式合集 2024-12-14
- vue实现路由跳转动态title标题信息 2024-01-07
- vuejs配置文件中出现的^与~代表什么意思 2024-12-07
- token有什么用,前端为什么要传token 2024-12-14
- CSS元素居中布局的简单方法 2024-03-10
- vue项目打包后不想让用户看到console.log(关闭console.log) 2025-01-14
- js 中获取制定的cook信息实现方法 2024-02-12
- js 日期加红代码 适用于各种cms 原创 2023-12-21
- CSS让子容器超出父元素(子容器悬浮在父容器效果) 2023-12-12
- CSS教程:网页版面设计无效的10个原因 2024-03-10