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

藏色散人
Libérer: 2023-02-08 09:34:38
original
1545 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal