Bonjours à tous, 

afin de m’exercer je désir incorporer une vidéo en background sur mon site web, malheureusement la vidéo ne s'affiche pas très bien, en fait non, elle s'affiche parfaitement mais en quelque sorte hors du contenu du site. Le contenu du site a un fond blanc et pour voir la vidéo il faut scroller vers le haut la vidéo est bien visible mais, pas le contenu du site.

Ma question: comment faire en sorte que la vidéo suive le scrolling de l'utilisateur.

Je suis ouvert à tout conseil de votre part pour améliorer mon code.

html/Css

<div class="video"><video id="video" preload="auto" autoplay="true" muted="muted" volume="0">
        <source src="Mountains - 32577.mp4" type="video/mp4"></div>

video{
    position: relative;
    bottom: 0px;
    right: 0px;
    max-width: 100%;
    max-height: 100%;
    z-index: -1;
    overflow: auto;

-
Edité par MohammedHathouti 21 mars 2020 à 19:50:32

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

Merci de modifier votre message d'origine en fonction.

Liens conseillés

• Règles générales du forum

Bonjour.

Quand tu auras fait les modifications comme demandé dans le message précédent, pour information il y a l'attribut poster pour la balise video, qui permet d'afficher une image lorsque le média est toujours en cours de chargement, tu pourras donc supprimer la balise img qui n'a rien à faire à l'intérieur de la balise video.

-
Edité par Lartak 21 mars 2020 à 16:53:07

Je pense que c'est la première fois que je poste un message sur ce site donc c'est pour ça que je n'avais pas vu pour l'éditeur de code mais voila c'est réglé.