Bonjour et bonne année à tous,

Dans un site e-majine, j'ai intégré une vidéo avec la balise HTML5 video qui fonctionne très bien. J'ai activé les attributs controls, loop et autoplay cependant la vidéo ne se lance pas au chargement de la page.

Voici mon code HTML :

<video width="100%" height="100%" controls autoplay loop id="video">
<source src="http://monsite.fr/media/mavideo.mov" type="video/mp4">
Votre navigateur ne supporte pas les vidéo HTML5
</video>

J'ai déjà essayé de définir autoplay="autoplay" et autoplay="true" mais rien à faire...

Quelqu'un a-t'il déjà eu ce même problème et si oui comment l'avez vous résolu ?
Est-ce qu'il y a quelque chose à paramétrer côté e-majine ?

Merci d'avance pour vos réponses.

Cordialement,

Bonjour,

De mon côté, la balise fonctionne bien sur firefox avec un lancement automatique mais pas sur chrome et safari. J'ai l'impression qu'il s'agit d'une restriction des navigateurs.
As-tu essayer d'intervenir en javascript pour lancer la lecture de ta vidéo ? http://www.w3schools.com/jsref/dom_obj_video.asp

Bonne journée,

Bonjour Jérémie,

Merci de ta réponse.

Oui j'ai également essayé de lancer la vidéo en utilisant du javascript mais le résultat reste le même. J'avais également essayé ma vidéo en modifiant la source de l'exemple dans le lien suivant et celle-ci c'était bien lancé automatiquement.
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_autoplay

J'ai réalisé ce test sur chrome et mozilla et j'ai exactement le même résultat, la vidéo ne se lance pas sur mon site mais si je remplace la source de l'exemple de W3Schools la vidéo se lance.

Je mets le lien de mon site pour que tu puisses mieux constater : http://bella-donna.fr/

Merci d'avance.

EDIT :

Je viens d'intégrer une nouvelle vidéo au format mp4, l'ancienne avait été intégré au format mov puis modifié et remplacé par une au format mp4.

Le problème reste toujours le même malheureusement...

Bonjour Emmanuelle,

Suite à ton ticket, je viens de voir que le problème semble lié à une particularité de ton site. Je recherche l'origine du problème (inclusion de js, de css) et je tiendrai informé sur le ticket.

Bonne journée,

Bonjour,

Je rencontre un problème similaire avec une vidéo mp4.
J'ai intégré une vidéo sur le manage, elle se lance bien seule sur firefox mais sur chrome et safari, le site m'affiche un lien que je dois cliquer pour lancer la vidéo.
Comment avez vous solutionné votre problème ?

Merci

Kévin

Bonjour,

Je ne sais pas si ça vous aidera mais voici ce que j'avais eu comme réponse suite à mon ticket :

C'est la gestion du menu mobile "mmenu" appelé depuis le fichier "html/modeles/fr/defaut/scripts/scripts.js" qui bloquait la lecture automatique. J'ai commenté la ligne suivante :
$('nav#mobile-mcstudios-menu').mmenu();
Désormais la vidéo se lance bien. Je n'ai pas l'impression que la désactivation de ce menu mobile ait un impact sur le site.

Emma

Bonjour,

Merci pour l'information.
A priori pas de problème de js de mon coté. Je vais poster un ticket

En tout cas merci pour votre temps ;)

Bonne journée
Kévin