亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

基于JS實(shí)現(xiàn)頁(yè)面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)

 更新時(shí)間：2024年02月03日 10:00:02   作者：Dreamingnini  
最近做項(xiàng)目遇到這樣的需求,禁止用戶瀏覽頁(yè)面的時(shí)候下載頁(yè)面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對(duì)每種方法做詳細(xì)分析,對(duì)js禁止下載視頻相關(guān)知識(shí)感興趣的朋友一起看看吧

項(xiàng)目需求：禁止用戶瀏覽頁(yè)面的時(shí)候下載頁(yè)面的視頻

解決：

網(wǎng)頁(yè)上下載視頻的方法有兩種

1、視頻自帶的下載按鈕

2、右擊頁(yè)面出現(xiàn)菜單中的“另存為”

對(duì)于1，因?yàn)楹笈_(tái)管理中使用的插件是是百度的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文件中加入框中代碼

對(duì)于2，采用監(jiān)聽，在mounted中加入代碼，但是該方法會(huì)使得整個(gè)頁(yè)面在右擊的時(shí)候都禁止出現(xiàn)菜單，可以按照需求，修改添加的位置，以達(dá)到局部禁止右擊出現(xiàn)菜單的功能

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

到此這篇關(guān)于基于JS實(shí)現(xiàn)頁(yè)面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)的文章就介紹到這了,更多相關(guān)js禁止下載視頻內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論