Comment surmonter la restriction de lecture automatique de Chrome 66 avec une solution simple ?

Résoudre la restriction de lecture automatique dans Chrome 66 : une solution

Dévoilement du défi de lecture automatique :

Dans Chrome 66, les développeurs ont été confrontés à une perturbation : la mise en place d'une protection contre la lecture automatique des vidéos, entraînant l'erreur redoutée message : "Uncaught (in promise) DOMException : play() a échoué car l'utilisateur n'a pas d'abord interagi avec le document."

Résoudre le problème :

À Pour contourner cet obstacle, une solution simple a émergé : introduire l'attribut "muet" aux éléments vidéo.

Mise en œuvre du Correctif :

Avec l'ajout de « muet » à l'élément vidéo, le code apparaît désormais comme suit :

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >

Implications de l'attribut Muet :

L'ajout de l'attribut "muted" a des conséquences minimes. Il supprime la sortie audio par défaut mais permet à la vidéo d'être lue automatiquement comme prévu. De plus, l'utilisateur peut restaurer le son manuellement via l'interaction de l'utilisateur, garantissant ainsi le respect des restrictions de lecture automatique de Chrome.

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!