Beim Schreiben eines Webprojekts bin ich auf ein separates Einführungsvideo auf der Einführungsseite gestoßen. Da es nur dieses kurze Video gab, wurden keine Videokomponenten verwendet. Daher wollte ich das Problem durch die Verwendung des nativen Video-Tags lösen.
Obwohl das Einführungsvideo kostenlos ist, möchten Sie keinen Download-Button oder die Möglichkeit haben, das Video unter zu speichern. Finden Sie also eine Möglichkeit, es so aussehen zu lassen, als gäbe es keine Download-Funktion, und machen Sie sich Notizen.
Wenn Sie den obigen Download-Button ausblenden möchten, reichen drei Stile aus. Fügen Sie einfach den Code ohne Unsinn ein:
html;">video::-internal-media-controls-download-button { display:none;}video::-webkit-media-controls-enclosure { overflow:hidden;}video::-webkit-media-controls- Panel {width: calc(100% + 50px);Um es ganz klar auszudrücken: Es bedeutet, den Download-Button aus dem Fenster zu verschieben, aber ich habe schon lange nach diesen CSS gesucht! !
Diese Methode verhindert nicht wirklich das Herunterladen des Videos. Vorsichtige Benutzer können die geladene Videodatei immer noch in der Cache-Datei finden, sie ist also, wie der Titel schon sagt, nur versteckt.
Um das Herunterladen von Videos wirklich zu verhindern, muss die Videoadresse noch verschlüsselt und über den Server überprüft werden.
ZusammenfassenDie oben beschriebene Funktion zum Ausblenden des Download-Buttons im nativen VIDEO-Tag der HTML-Seite wird Ihnen hoffentlich weiterhelfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Sie rechtzeitig. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!