2016-12-16 57 views
2

我想禁用視頻標籤控制面板下載視頻鏈接。如何禁用下載視頻選項


 <video oncontextmenu="return false;" id="myVideo" autoplay controls> 
     <source src="uploads/videos/<?php echo $vid;?>" type="video/mp4"> 
    </video> 
+0

[阻止下載HTML5視頻(單擊右鍵保存)可能的重複?](http://stackoverflow.com/questions/9756837/prevent-html5-video-from-being-downloaded-right-click-保存) – iHasCodeForU

+0

using oncontextmenu =「return false;」我可以禁用右鍵單擊,但我們有視頻控制條中的下載鏈接。附近的音量控制按鈕。我想禁用那個 – nik

+0

您正在使用哪個視頻播放器? –

回答

3

添加下面的風格來禁用視頻標籤下載鏈接。

例如:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
    video::-internal-media-controls-download-button { 
    display:none; 
    } 

    video::-webkit-media-controls-enclosure { 
     overflow:hidden; 
    } 

    video::-webkit-media-controls-panel { 
     width: calc(100% + 30px); 
    } 
</style> 
</head> 

<body> 

<video width="320" height="240" controls> 
    <source src="add your video url" type="video/mp4"> 
</video> 
</body> 
</html> 
+0

謝謝你一直在尋找它,但他們總是將我轉向其他問題 – saNiks

1

這很容易,似乎您使用HTML 5視頻和使用上面的示例,下面是代碼:

<video oncontextmenu="return false;" id="myVideo" autoplay controls controlsList="nodownload"> 
    <source src="uploads/videos/<?php echo $vid;?>" type="video/mp4"> 
</video> 

只是在添加controlsList="nodownload"您的視頻標籤。