Bonjour, j'ai mis une vidéo dans ma page HTML et je souhaiterais qu'elle se lance toute seule. J'ai compris qu'il fallait utiliser "autoplay" mais ça ne fonctionne pas. Je pense que c'est un problème de syntaxe de ma part, mais je ne trouve pas où. Voici mon code :

<video>
    <source src="Vidéo fond terminée.mp4" type="video/mp4" muted autoplay loop>
    <source src="Vidéo fond terminée.webm" type="video/webm" muted autoplay loop>
</video>

À la place, j'obtiens juste la première image de ma vidéo.
Quelqu'un a la solution ?

6 réponses


Grafikart
Réponse acceptée

Tu as essayé de mettre ces attributs sur la balise video plutôt que la partie source ?

vignou
Auteur

Oui, j'ai essayé et ça ne fonctionne pas.
En fait, le problème, c'est que "muted autoplay loop" ne se colore pas comme ça devrait.

vignou
Auteur

Sinon, est-ce qu'il y a un moyen de faire la même chose avec du css ?

J'ai regardé plusieurs exemple, ils mettent les attributs sur la balise vidéo et rajoute controls en premier attribut

Après je sais que les navigateur peuvent prendre la décision de ne pas lancer l'autoplay par défaut sous certaines conditions.

vignou
Auteur

Yes !!! En fait ça fonctionnait bien dans la balise video. Je me suis trompé de balise pour le mettre.
Le "controls" permet d'afficher la barre de contrôles justement (sous-titres, lecture-pause, ...)