Maison  >  Article  >  interface Web  >  Comment interdire l'enregistrement d'une vidéo Android comme en HTML5

Comment interdire l'enregistrement d'une vidéo Android comme en HTML5

藏色散人
藏色散人original
2023-02-08 09:34:381477parcourir

Méthode HTML5 pour interdire l'enregistrement de vidéos Android en tant que : 1. Ajoutez l'attribut "controlslist="nodownload"" dans la balise Vidéo ; 2. Ajoutez "$("#video01").bind('contextmenu', function () { return false;})" Le code peut être utilisé pour désactiver la fonction Enregistrer sous par clic droit dans la zone vidéo.

Comment interdire l'enregistrement d'une vidéo Android comme en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur DELL G3

Comment interdire l'enregistrement vidéo android comme en HTML5 ?

  • La balise vidéo HTML5 implémente le blocage du code js pour cliquer avec le bouton droit sur la vidéo pour l'enregistrer sous et comment désactiver le contrôle du navigateur. La vidéo interdit le téléchargement par clic droit

Récemment, la société a découvert qu'un concurrent avait téléchargé la vidéo. vidéo sur notre site Web et l'a utilisée car elle a été utilisée et a gravement porté atteinte aux intérêts de notre entreprise, on m'a donc demandé d'ajouter une fonction sur le site Web qui interdit de cliquer avec le bouton droit de la souris pour télécharger des vidéos.

Première étape, bloquez d'abord le bouton de téléchargement avec trois points dans le coin inférieur droit du lecteur vidéo (chrome affichera trois points)

Ajoutez l'attribut CONTROLLIST="nodownload" dans la balise vidéo

<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>

Comment interdire lenregistrement dune vidéo Android comme en HTML5

Complete première étape, confirmée Vous pouvez masquer le bouton de téléchargement avec trois points dans le coin inférieur droit du lecteur vidéo (comme le montre l'image ci-dessus), mais pensez-vous que cela l'interdira complètement ? En fait, ce n'est pas le cas. Vous pouvez toujours cliquer sur le bouton droit de la souris pour enregistrer la vidéo sous et télécharger la vidéo. Si vous souhaitez l'interdire complètement, passez à l'étape 2.

Étape 2 : Désactivez la fonction Enregistrer sous par clic droit dans la zone vidéo. Cela ne nécessite qu'une seule ligne de code js.

Si vous n'ajoutez pas le code js suivant, faites un clic droit sur la souris dans la zone vidéo, la fonction sur le côté gauche de l'image s'affichera Après l'avoir ajouté, elle ne sera pas affichée

<script type="text/javascript">
    // html5-video标签屏蔽右键视频另存为的js代码
    $("#video01").bind(&#39;contextmenu&#39;, function () {
        return false;
    })
</script>

Comment interdire lenregistrement dune vidéo Android comme en HTML5

. Explication : myVideo est l'identifiant de la balise vidéo, vous pouvez donc bloquer la fonction de clic droit de la zone de balise vidéo.

Apprentissage recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn