Admin/Dev

26
Avril
2018

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>
 
 
Commentaires
Commentaire de Codeurdenuit le 12 Août 2019 à 03:57

Bonjour,
Désormais même avec ce code la vidéo sur Safari ne se lance plus automatiquement :( Il y a t'il une nouvelle contrainte imposée par Safari ? Merci :)

 
Commentaire de sky le 12 Août 2019 à 12:54

Bonjour,
Cela fait un moment que je n'ai pas eu à intégrer de vidéo dans un HTML, je n'ai donc pas refais l'expérience.
Je vais essayer de regarder quand j'aurai un peu de temps.

 

 

Poster un commentaire
En postant sur skymac.org, je m'engage à être courtois et à ce que mon message soit pertinent avec le sujet de l'article.
En outre, j'accepte, sans condition, que mon message soit refusé et supprimé si ces règles ne sont pas appliquées.
Captcha indisponible
Pour valider le formulaire, vous devez confirmer que vous êtes bien une personne. Actuellement, la fonctionnalité est indisponible. Vous devez activer le service ReCaptcha dans le gestionnaire des cookies, et donc consentir à l'utilisation de ses cookies.
Ouvrir le panneau de gestion des cookies
Fermer le panneau
Ce site utilise des cookies pour assurer son bon fonctionnement. Il utilise aussi des cookies issues de services tiers permettant de proposer des fonctionnalités avancées. À tout moment, vous pouvez choisir quels services vous souhaitez activer ou refuser, afin de retirer votre consentement quant à l'utilisation des cookies.
 
Personnalisation des services
Vous êtes libre de choisir quels services vous souhaitez activer. En autorisant ces services tiers, vous acceptez le dépôt et la lecture de cookies et l'utilisation de technologies de suivi nécessaires à leur bon fonctionnement. En retirant votre consentement pour certains de ces services, certaines fonctionnalités du site peuvent ne plus fonctionner.
Navigation du site  En savoir plus
Le site écrit un cookie de session permettant son bon fonctionnement et aidant à la navigation. Il ne peut être désactivé.
Utilisation : 1 cookie, enregistre l'identifiant de la session.
Durée de vie : Le cookie est présent pendant toute la session sur le site. Il devient obsolète après 24 minutes d'inactivité.
Obligatoire
Popup Média
Afficher des vidéos depuis Yoube ou Dailymotion.
ReCaptcha  En savoir plus
Permet de valider que les visiteurs sont bien des humains lorsqu'ils valident des formulaires.
 
Tout accepter Tout refuser Gérer