video 标签禁止下载亲测有效隐藏按钮三个点亲测有效

通过controlslist和禁止右键使播放器不能被下载

<video src="{$data.h_video}" class="swiper-slide-img" id="qqq" controls controlslist="nodownload  nofullscreen noremoteplayback" oncontextmenu = "return false">您的浏览器不支持 video 标签。
</video>

但是在谷歌浏览器下右下角有个仨点的功能（下载和画中画），画中画去不掉，通过js的方法去掉：

var video = $('#qqq');
//console.log(video); //通过打印拿到所有的属性和方法
video[0]['disablePictureInPicture'] = true; //disablePictureInPicture的属性改为true

没有了下载和画中画，仨点就消失了

video 标签禁止下载亲测有效隐藏按钮三个点亲测有效相关推荐

Video标签禁止下载
Video标签自带下载功能屏蔽Video标签的下载: 代码: <video src="vedio/0d6LBbpG.mp4" controls="controls ...
HTML5 video标签禁止下载
<video :src="path" controls="true" controlslist="nodownload" style= ...
HTMl5之video标签禁止下载（隐藏下载按钮）
<video controls controlslist="nodownload"><source src="a.mp4" type=&quo ...
HTML5中关于解决video标签禁止右键和下载视频的办法
近期做了一个关于在线文件管理的项目,类似网盘,基本功能包含用户.消息.项目.分享.文件提取.收藏.回收站等主要功能,领挖还有一些office.压缩包.图片.文本.音频和视频的预览功能. 音频我使用的是 ...
隐藏 video标签的下载按钮
在 cordova-plugin-inappbrowser插件中隐藏 Android 的 webView里的 <video>标签: let webView = window.cordova ...
关于HTML5的audio标签和video标签删除下载图标
video标签和audio标签在谷歌浏览器上自带下载按钮,当我们不想要下载按钮的时候,可以试一下以下操作第一种方案: 在video或者audio标签上添加controlsList="nod ...
控制 video 标签的控制栏组件（隐藏、显示进度条、播放按钮、全屏按钮等）
当 video 标签添加上 controls 属性时,页面上会显示出所有的控制组件.若有些组件不需要只需要在css中设置相关属性把它隐藏掉即可. <video controls></ ...
CSS_控制 video 标签的控制栏组件（隐藏、显示进度条、播放按钮、全屏按钮等）
当 video 标签添加上 controls 属性时,页面上会显示出所有的控制组件.若有些组件不需要只需要在css中设置相关属性把它隐藏掉即可. <video controls></ ...
Html5页面video标签禁用下载视频
两处禁用. 1.video标签的禁用 <video >标签中加入 controlslist="nodownload" 2.播放器区域禁用鼠标右键: 页面加载完成,执行j ...

video 标签禁止下载亲测有效隐藏按钮三个点亲测有效

video 标签禁止下载亲测有效隐藏按钮三个点亲测有效相关推荐

最新文章

热门文章

video 标签 禁止下载 亲测有效 隐藏按钮 三个点 亲测有效

video 标签 禁止下载 亲测有效 隐藏按钮 三个点 亲测有效相关推荐

最新文章

热门文章

video 标签禁止下载亲测有效隐藏按钮三个点亲测有效

video 标签禁止下载亲测有效隐藏按钮三个点亲测有效相关推荐