[Résolu] Video plein écran sur onepage

Bonjour,

je dois faire une "onepage" avec une video entête qui doit s'afficher plein écran. l'ascenseur permettra aux internautes de défiler le reste en dessous.

Si j'arrive à afficher cette video plein écran sur un écran de bureau (balise video, avec css video) , dès que je passe sur un écran téléphone toute ma page est décalée. La video occupe toute la largeur de la page et mon contenu dessous est cadré à gauche, avec une grosse partie blanche en-dessous. en effet la video ne se reduit pas au format tel !

Juste pour donner un exemple :
j'ai fait le code sur codepen :
https://codepen.io/yoyochon/pen/vqvwpL

si on réduit l'écran, on voit que la video prend toute la largeur, mais du coup le texte en dessous est décalé à gauche.
La vidéo ne s'adapte pas à la largeur.

Je peux faire une responsive, mais je voudrait que la video occupe systématiquement toute la largeur et hauteur visible de la fenêtre ouverte

notes :
Je développe avec boostrap 4.
La video est en local (balise video)


merci pour votre aide
yo
Modifié par yoyochon (10 Jul 2019 - 11:23)

body{
overflow-x:hidden;
width:100vw
}

video { 
    width: 100vw;     
}

J'ai pas bien compris ce que tu veux exactement mais dis moi ce que tu en penses !