Comment réparer l'échec de la lecture automatique de Chrome parce que l'utilisateur n'a pas d'abord interagi avec le document ?

Gestion de l'erreur DOMException "Non interceptée (promise) : play() a échoué car l'utilisateur n'a pas interagi avec le document en premier" dans Chrome 66 pour ordinateur

Lorsqu'ils tentent de lire une vidéo sur un ordinateur à l'aide de Chrome version 66, les utilisateurs peuvent rencontrer l'erreur suivante message :

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

Cette erreur provient du nouveau bloqueur de lecture automatique de Chrome, qui restreint la lecture automatique des vidéos sans interaction de l'utilisateur. Pour contourner cette restriction, ajoutez simplement les attributs suivants au champ

• webkit-playsinline="true"
• playsinline="true"
• autoplay=""

Solution

Pour activer la lecture automatique dans Chrome 66 pour ordinateur, l'attribut muet doit être ajouté à l'élément vidéo. Cette propriété garantit que la lecture de la vidéo démarre silencieusement, répondant ainsi aux exigences d'interaction utilisateur définies par Chrome.

Vidéo HTML mise à jour

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

Conséquences de l'utilisation l'attribut "muet"

L'utilisation de l'attribut muet a les éléments suivants conséquences :

• La vidéo sera automatiquement lue sans interaction de l'utilisateur.
• La sortie audio sera coupée.
• Les utilisateurs devront toujours interagir avec la vidéo (par ex. , basculez le volume ou supprimez le mode sourdine) pour entendre l'audio.

Cette approche permet la lecture automatique tout en offrant aux utilisateurs le contrôle nécessaire sur la lecture audio, atténuant ainsi les conséquences négatives potentielles associées à la lecture automatique non muette.

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!