Comment lire automatiquement des vidéos dans Chrome 66 sans interaction de l'utilisateur ?

Comment gérer "Uncaught (in promise) DOMException : play() a échoué car l'utilisateur n'a pas interagi avec le document auparavant."

Utiliser Chrome 66 Lors de la lecture d'une vidéo sur la version de bureau, j'ai rencontré le message d'erreur :

Uncaught (promis) DOMException : play() La lecture a échoué car l'utilisateur n'a pas interagi avec le document précédent.

Lorsque vous essayez d'utiliser le HTML suivant Lors de la lecture d'une vidéo sur le bureau, j'ai trouvé une publicité en lecture automatique :

<video</p><pre class="brush:php;toolbar:false">title="Advertisement"
webkit-playsinline="true"
playsinline="true"
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
autoplay=""></video></p>
<p>

Donc , Dois-je simplement ajouter webkit-playsinline="true", Playsinline="true" et autoplay="" à l'élément

Réponse

Pour effectuer la lecture automatique d'un élément HTML 5 après la mise à jour de Chrome 66, ajoutez simplement l'attribut muet à l'élément vidéo.

La vidéo HTML précédente devient donc :

<video</p><pre class="brush:php;toolbar:false">title="Advertisement"
webkit-playsinline="true"
playsinline="true"
muted
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
autoplay=""></video></p>
<p>

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!