日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長(zhǎng)提供免費(fèi)收錄網(wǎng)站服務(wù),提交前請(qǐng)做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(wù)(50元/站),

點(diǎn)擊這里在線(xiàn)咨詢(xún)客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會(huì)員:747

HTML5實(shí)現(xiàn)禁止android視頻另存為的方法:

1、在Video標(biāo)簽內(nèi)添加“controlslist="nodownload"”屬性;

2、通過(guò)添加“$("#video01").bind('contextmenu', function () {return false;})”代碼實(shí)現(xiàn)禁止視頻區(qū)域內(nèi)的右鍵另存為功能即可。


HTML5怎么實(shí)現(xiàn)禁止android視頻另存為


HTML5怎么實(shí)現(xiàn)禁止android視頻另存為?

HTML5 Video標(biāo)簽實(shí)現(xiàn)屏蔽右鍵視頻另存為的js代碼以及如何禁用瀏覽器控件,Video 禁止鼠標(biāo)右鍵下載

最近公司發(fā)現(xiàn)有競(jìng)爭(zhēng)對(duì)手下載我司網(wǎng)站上的視頻,并據(jù)為已用,嚴(yán)重?fù)p害我司利益,所以讓我在網(wǎng)站上添加禁止鼠標(biāo)右鍵下載視頻的功能。

步驟一,先屏蔽視頻播放器右下角三個(gè)點(diǎn)的下載按鈕(chrome會(huì)顯示三個(gè)點(diǎn))

在Video標(biāo)簽內(nèi)添加 controlslist="nodownload" 屬性

<div class="section-content">
  <video autoplay="" id="video01" loop="" muted="" width="100%" height="100%" controlsList="nodownload">
    <source src="/www/video/smarthome.mp4" type="video/mp4">
  </video>
  <div class="video-content">
    <div class="video-content-title">視頻描述</div>
    <div class="video-content-describe">測(cè)試代碼</div>
  </div>
</div>


HTML5怎么實(shí)現(xiàn)禁止android視頻另存為


完成步驟一,確實(shí)可以把視頻播放器右下角三個(gè)點(diǎn)的下載按鈕隱藏(如上圖所示),但是你以為這樣就完全禁止了嗎?其實(shí)不然,點(diǎn)擊鼠標(biāo)右鍵依然可以視頻另存為,把視頻下載下來(lái)的。想要完全禁止,還要繼續(xù)完成步驟二。

步驟二,禁止視頻區(qū)域內(nèi)的右鍵另存為功能,這個(gè)只需要一行js代碼即可搞定。

如果沒(méi)有添加如下的js代碼,在視頻區(qū)域內(nèi),點(diǎn)擊鼠標(biāo)右鍵,會(huì)顯示圖中左側(cè)功能,添加之后,則不會(huì)顯示

<script type="text/javascript">
    // html5-video標(biāo)簽屏蔽右鍵視頻另存為的js代碼
    $("#video01").bind('contextmenu', function () {
        return false;
    })
</script>


HTML5怎么實(shí)現(xiàn)禁止android視頻另存為


說(shuō)明:myVideo是video標(biāo)簽的id,這樣就可以屏蔽video標(biāo)簽區(qū)域的右鍵功能哦。


分享到:
標(biāo)簽:HTML5視頻 禁止android視頻另存
用戶(hù)無(wú)頭像

網(wǎng)友整理

注冊(cè)時(shí)間:

網(wǎng)站:5 個(gè)   小程序:0 個(gè)  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會(huì)員

趕快注冊(cè)賬號(hào),推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨(dú)大挑戰(zhàn)2018-06-03

數(shù)獨(dú)一種數(shù)學(xué)游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過(guò)答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫(kù),初中,高中,大學(xué)四六

運(yùn)動(dòng)步數(shù)有氧達(dá)人2018-06-03

記錄運(yùn)動(dòng)步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓(xùn)練成績(jī)?cè)u(píng)定2018-06-03

通用課目體育訓(xùn)練成績(jī)?cè)u(píng)定