Das native VIDEO-Tag der HTML-Seite verbirgt die Download-Button-Funktion

Beim Schreiben eines Webprojekts stieß ich auf eine Einführungsseite mit einem separaten Einführungsvideo. Es gab nur dieses kurze Video, sodass keine Videokomponente verwendet wurde. Daher wollte ich das Problem lösen, indem ich das native Video-Tag verwendete.

Obwohl das Einführungsvideo kostenlos ist, möchte ich weder einen Download-Button noch die Möglichkeit, das Video zu speichern. Daher habe ich einen Weg gefunden, es so aussehen zu lassen, als gäbe es keine Download-Funktion, und habe mir Notizen gemacht.

Wenn du den Download-Button oben ausblenden möchtest, reichen drei Stile aus. Lass uns den Code ohne weiteres direkt einfügen:

video::-interne-Mediensteuerung-Download-Schaltfläche {
    Anzeige: keine;
}
video::-webkit-mediensteuerung-gehäuse {
    Überlauf: versteckt;
}
video::-webkit-medien-bedienfeld {
    Breite: berechnet (100 % + 50 Pixel); 
}

Um es einfach auszudrücken: Es verschiebt den Download-Button aus dem Fenster, aber ich habe lange gebraucht, um diese CSS zu finden! !

Diese Methode kann den Download von Videos nicht wirklich verhindern. "Aufmerksame" Benutzer können die geladenen Videodateien immer noch in den Cache-Dateien finden, sie werden also, wie der Titel schon sagt, nur versteckt.

Um Videodownloads wirklich zu verhindern, muss die Videoadresse serverseitig verschlüsselt und verifiziert werden.

Zusammenfassen

Oben ist die Einführung des Editors in das native VIDEO-Tag der HTML-Seite, das die Download-Button-Funktion verbirgt. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!