Maison > interface Web > js tutoriel > Comment activer la lecture automatique dans Chrome 66 avec l'attribut « muet » ?

Comment activer la lecture automatique dans Chrome 66 avec l'attribut « muet » ?

Mary-Kate Olsen
Libérer: 2024-11-24 17:03:17
original
581 Les gens l'ont consulté

How to Enable Autoplay in Chrome 66 with the `muted` Attribute?

Guide du développeur pour gérer la lecture automatique bloquée par Chrome 66 dans les navigateurs de bureau

Lorsque vous essayez de lire des vidéos sur des appareils de bureau à l'aide de Chrome version 66, les développeurs peut rencontrer l'erreur : "Uncaught (in promise) DOMException: play() failed car l'utilisateur n'a pas d'abord interagi avec le document." Ce problème découle des efforts récents de Google pour améliorer la confidentialité des utilisateurs en empêchant les sites Web de lire automatiquement des médias sans interaction de l'utilisateur.

Cependant, il existe une solution simple pour contourner cette restriction. En ajoutant simplement l'attribut muet à l'élément vidéo, vous pouvez activer la lecture automatique tout en garantissant le respect des règles de Chrome.

Pour le démontrer, considérez l'extrait de code HTML suivant :

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >
Copier après la connexion

En incluant le attribut muted, le volume multimédia sera coupé tout en préservant la fonctionnalité de lecture automatique. Cette solution respecte les directives de Chrome tout en offrant une solution de contournement efficace pour les développeurs.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal