Positionnement video.js
victor0102
Messages postés
4
Statut
Membre
-
BioK03 Messages postés 801 Statut Membre -
BioK03 Messages postés 801 Statut Membre -
Bonjour,
Je me permets de poster ce message puisque je suis actuellement entrain de modifier mon site web professionnel pour qu'il soit lisible sur tablettes et autres smartphones. Pour cela je dois modifier mon lecteur de vidéos qui était auparavant en flash pour le passer en HTML5. J'utilise web acappella puisque je n'ai pas de connaissances particulières en HTML5 et comme lecteur video.js. J'ai pour l'instant écrit ce code dans WA4 :
<video id="vidéo_introduction" class="video-js vjs-default-skin"
controls preload="auto" width="400" height="214"
poster="crbst_logo_203_01_20hd.png"
data-setup='{}'>
<source src="final_animation0000-0240.mp4" type='video/mp4' />
</video>
Cependant je n'arrive pas à placer la vidéo là ou je veux (je peux la mettre au centre mais je ne sais pas comment faire pour qu'elle soit à la bonne ordonnée sur la page) donc si quelqu'un pouvait m'aider ce serait vraiment sympathique.
Je me permets de poster ce message puisque je suis actuellement entrain de modifier mon site web professionnel pour qu'il soit lisible sur tablettes et autres smartphones. Pour cela je dois modifier mon lecteur de vidéos qui était auparavant en flash pour le passer en HTML5. J'utilise web acappella puisque je n'ai pas de connaissances particulières en HTML5 et comme lecteur video.js. J'ai pour l'instant écrit ce code dans WA4 :
<video id="vidéo_introduction" class="video-js vjs-default-skin"
controls preload="auto" width="400" height="214"
poster="crbst_logo_203_01_20hd.png"
data-setup='{}'>
<source src="final_animation0000-0240.mp4" type='video/mp4' />
</video>
Cependant je n'arrive pas à placer la vidéo là ou je veux (je peux la mettre au centre mais je ne sais pas comment faire pour qu'elle soit à la bonne ordonnée sur la page) donc si quelqu'un pouvait m'aider ce serait vraiment sympathique.
3 réponses
Bonjour,
en CSS, écrivez :
#vidéo_introduction {
margin-left: auto;
margin-right: auto;
}
En espérant que cela marche
Cordialement
en CSS, écrivez :
#vidéo_introduction {
margin-left: auto;
margin-right: auto;
}
En espérant que cela marche
Cordialement
Bonjour et merci pour cette réponse rapide,
J'ai effectivement déjà réussi à placer la vidéo au centre de la page, ce que je n'arrive pas à faire c'est à la placer à la bonne "hauteur" (ordonnée) sur celle-ci.
J'avais lu un truc du genre :
<"position : absolute; right:400px; bottom : 200px"> mais malheureusement ceci ne marche pas. Auriez vous une idée du pourquoi ?
Cordialament,
Victor0102
J'ai effectivement déjà réussi à placer la vidéo au centre de la page, ce que je n'arrive pas à faire c'est à la placer à la bonne "hauteur" (ordonnée) sur celle-ci.
J'avais lu un truc du genre :
<"position : absolute; right:400px; bottom : 200px"> mais malheureusement ceci ne marche pas. Auriez vous une idée du pourquoi ?
Cordialament,
Victor0102
Je réponds malgré le fait que je suis probablement moins fort que vous ^^
Pour placer cet élément au centre d'une page en hauteur, mettez :
#vidéo_introduction {
top: 50%;
}
et enlevez le position:absolute (si vous n'avez pas énormément d'éléments à placer dans votre page).
en espérant que cela a pu aidé.
Cordialement
Pour placer cet élément au centre d'une page en hauteur, mettez :
#vidéo_introduction {
top: 50%;
}
et enlevez le position:absolute (si vous n'avez pas énormément d'éléments à placer dans votre page).
en espérant que cela a pu aidé.
Cordialement
