Astuce HTML5 : Retrouver l'autoplay des vidéos sur Safari et Chrome
Publié par sky
Depuis Safari 10, et par extension, Chrome, depuis sa version 53, la lecture des vidéos en HTML5 semblent ne plus supporter l'autoplay.
En fait, et tout simplement, depuis ses versions des navigateurs, et avec la multiplication des médias vidéos sur les sites internet, ils imposent pour les vidéos en autoplay d'être lancées avec le son désactivé, en mode muted.
Ainsi le code pour la mise en place d'une vidéo change légèrement.
<video width="320" height="240" autoplay="autoplay" muted="">
<source src="video.mp4" type="video/mp4" />
</video
Cette modification impose malheureusement une nouvelle contrainte, pour réactiver le son ou la musique, le visiteur doit volontairement cliquer sur le bouton "mute". Il lui faut donc avoir accès aux contrôles.
<video width="320" height="240" autoplay="autoplay" muted="" controls="controls">
<source src="video.mp4" type="video/mp4" />
</video>
