【前端】video标签禁用下载

原文链接：video 标签 禁止下载 亲测有效 隐藏按钮 三个点 亲测有效

通过controlslist和禁止右键播放器的下载功能

nofullscreen 全屏
nodownload 下载

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

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

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

注意：可能浏览器兼容性问题

image.png

参考链接