Lors de l'écriture d'un projet Web, j'ai rencontré une vidéo d'introduction distincte sur la page d'introduction. Il n'y avait que cette courte vidéo, donc aucun composant vidéo n'a été utilisé, j'ai donc voulu résoudre le problème en utilisant la balise vidéo native.
Bien que la vidéo d'introduction soit gratuite, vous ne souhaitez pas avoir de bouton de téléchargement ni la possibilité d'enregistrer la vidéo sous, alors trouvez un moyen de donner l'impression qu'il n'y a pas de fonction de téléchargement et prenez des notes.
Si vous souhaitez masquer le bouton de téléchargement ci-dessus, trois styles suffisent. Collez simplement le code sans aucune bêtise :
html;">video::-internal-media-controls-download-button { display:none;}video::-webkit-media-controls-enclosure { overflow:hidden;}video::-webkit-media-controls- panneau {largeur : calc(100 % + 50 px );Pour parler franchement, cela signifie déplacer le bouton de téléchargement en dehors de la fenêtre, mais je cherchais ces CSS depuis longtemps ! !
Cette méthode n'empêche pas vraiment le téléchargement de la vidéo. Les utilisateurs prudents peuvent toujours trouver le fichier vidéo chargé dans le fichier cache, donc comme le titre l'indique, il est simplement masqué.
Pour véritablement empêcher le téléchargement de vidéos, l'adresse de la vidéo doit toujours être cryptée et vérifiée via le serveur.
RésumerCe qui précède est la fonction permettant de masquer le bouton de téléchargement dans la balise VIDEO native de la page HTML introduite par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra. vous à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !