Heim >Web-Frontend >Front-End-Fragen und Antworten >So verhindern Sie, dass Android-Videos wie in HTML5 gespeichert werden
HTML5-Methode zum Verhindern des Speicherns von Android-Videos als: 1. Fügen Sie das Attribut „controlslist="nodownload"" im Video-Tag hinzu. 2. Fügen Sie „$("#video01").bind('contextmenu', function () {" hinzu. return false;})“-Code kann verwendet werden, um die Rechtsklick-Speichern unter-Funktion im Videobereich zu deaktivieren.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, DELL G3-Computer
Wie verbiete ich das Speichern von Android-Videos wie in HTML5?
HTML5-Video-Tag implementiert das Blockieren des JS-Codes für das Klicken mit der rechten Maustaste auf das Video, um es zu speichern, und wie man die Browsersteuerung deaktiviert. Video verbietet das Herunterladen mit der rechten Maustaste Es wurde missbraucht und hat den Interessen unseres Unternehmens ernsthaft geschadet. Deshalb wurde ich gebeten, auf der Website eine Funktion hinzuzufügen, die das Herunterladen von Videos per Rechtsklick mit der Maus verbietet.
Fügen Sie das Attribut „controlslist="nodownload" im Video-Tag hinzu
<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">测试代码</div> </div> </div>Abgeschlossen Schritt eins, bestätigt Sie können den Download-Button mit drei Punkten in der unteren rechten Ecke des Videoplayers ausblenden (wie im Bild oben gezeigt), aber glauben Sie, dass dies dies vollständig verbietet? Tatsächlich ist dies nicht der Fall. Sie können immer noch mit der rechten Maustaste klicken, um das Video zu speichern und herunterzuladen. Wenn Sie es vollständig verbieten möchten, fahren Sie mit Schritt 2 fort.
Schritt 2: Deaktivieren Sie die Funktion „Speichern unter“ mit der rechten Maustaste im Videobereich. Dazu ist nur eine Zeile JS-Code erforderlich.
Wenn Sie den folgenden js-Code nicht hinzufügen, klicken Sie mit der rechten Maustaste in den Videobereich. Die Funktion auf der linken Seite des Bildes wird angezeigt. Nach dem Hinzufügen wird sie nicht angezeigt
<script type="text/javascript"> // html5-video标签屏蔽右键视频另存为的js代码 $("#video01").bind('contextmenu', function () { return false; }) </script>Erläuterung: myVideo ist die ID des Video-Tags, daher können Sie die Rechtsklickfunktion des Video-Tag-Bereichs blockieren.
Empfohlenes Lernen: „
HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass Android-Videos wie in HTML5 gespeichert werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!