2016-12-16 20 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

oncontextmenu = "return false;私は右クリックを無効にすることができますが、ビデオコントロールバーにダウンロードリンクがあります。音量コントロールbutton.iは無効にします。 – nik

+0

あなたはどちらのビデオプレーヤーを使用していますか? –

答えて

3

videoタグでダウンロードリンクを無効にするには、スタイルの下に追加します。例については

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

だけcontrolsList="nodownload"でを追加します。

<!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ビデオを使用し、上記のあなたのサンプルを使用して、コードであると思われますあなたのビデオタグ。

関連する問題