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
Mary-Kate Olsenoriginal
2024-11-24 17:03:17623parcourir

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

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!

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