WebSite X5Help Center

 
Nils F.
Nils F.
User

Vidéo en automatique à l’ouverture de mon site  fr

Autor: Nils F.
Visitado 1833, Seguidores 1, Compartilhado 0  

Bonjour,

je souhaiterais mettre une mini-video d'animation en lecture automatique a l'ouverture de mon site (sur page d'accès) mais pour le moment ca ne fonctionne pas. Voici un court resumé de mes tentatives :

• en mode image : j'ai converti ma video en .GIF. La video s'affiche en automatique mais la qualité d’image est beaucoup moins bonne et son poids est trop important.

• en mode vidéo : la vidéo (.mp4 et .webm) s’affiche mais pas en lecture automatique.

• en mode animation : j’ai tenté de convertir ma vidéo en .WAX5 via Web Animator mais impossible.

• en mode html : j’ai mis le code suivant : <video width="97%" height="97%" autoplay loop> <source src="https://monsite.fr/videos/1920x1080-RENDER_3.webm" type="video/webm" /> Your browser does not support the video tag. </video> . La video s’affiche en automatique en mode aperçu mais ne s’affiche pas quand je met le site en ligne (au contraire le code html fait buger le site).

Auriez-vous, s’il vous plaît, une solution pour mettre une vidéo en lecture automatique à l’ouverture de mon site ?

Merci d’avance pour votre aide,

Nils

Publicado em
6 RESPOSTAS - 1 ÚTIL
Albert X
Albert X
User

Bonjour Nils F.User

Les navigateurs désactivent la lecture automatique des vidéos.

@+AX.

Ler mais
Publicado em de Albert X
JiPeR 48
JiPeR 48
Moderator

Salut Axel,

Si tu y mets une vidéo avec du son ça marche aussi ? 

@+,

J.P.

Ler mais
Publicado em de JiPeR 48
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > Fr)  ... x Nils F., ...changer l'en-tête du VIDEO TAG + attribut muted;
... voici comment cela fonctionne:
<video width="97%" height="97%" autoplay loop muted> *** *** ***

... >> voir mon exemple

... pour une meilleure compatibilité, ajoutez également le format webm+ mp3 ...

... ou vous pouvez utiliser des vidéos YT + TUBULAR ...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Nils F.
Nils F.
User
Autor

Merci a tous pour vos reponses. 

D'apres ce que je constate, il me semble que la solution code html est la plus appropriée. 

@wsx5.afsoftware.fr Quel code html as-tu utilisé pour obtenir ce resultat ?

merci 

Nils

Ler mais
Publicado em de Nils F.