Positionnement video.js Fermé

Question

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 :

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.

BioK03 · Answer

Bonjour,

en CSS, écrivez :

#vidéo_introduction {
    margin-left: auto;
    margin-right: auto;
}

En espérant que cela marche

Cordialement

victor0102 · Answer

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

BioK03 · Answer

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

Positionnement video.js

3 réponses

Discussions similaires