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

项目需求：禁止用户浏览页面的时候下载页面的视频

解决：

网页上下载视频的方法有两种

1、视频自带的下载按钮

2、右击页面出现菜单中的“另存为”

对于1，因为后台管理中使用的插件是是百度的Ueditor，所以按照Ueditor的配置修改即可去掉下载按钮

在ueditor.all.js文件中加入框中代码

            case 'video':
                var ext = url.substr(url.lastIndexOf('.') + 1);
                if(ext == 'ogv') ext = 'ogg';
                str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
                'controlsList="nodownload" + width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
                    '<source src="' + url + '" type="video/' + ext + '" /></video>';
                break;

在ueditor.all.min.js文件中加入框中代码对于2，采用监听，在mounted中加入代码，但是该方法会使得整个页面在右击的时候都禁止出现菜单，可以按照需求，修改添加的位置，以达到局部禁止右击出现菜单的功能

    window.addEventListener('contextmenu',function(e){
      e.preventDefault();
    },false)