Super poser des div


#1

je n'arrive pas a superposer une image sur une video de fond

mon html

<body>
 
        <video  class="video_background" autoplay="true" loop muted>
        <source src="img/la-tour-de-la-terreur-parc-walt-disney-studios_noiretblanc.mp4" type="video/mp4"/>
        </video>
        
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="disney_logo ">
                <img src="img/logo.png" class="img-responsive ">
              </div> 
            </div> 
          </div>  
        </div>
</body>


mon css

.video_background{
 position: fixed relative;
  right: 0;
   bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
background-repeat:no-repeat;
  background-size: cover;
}
.disney_logo{
position: absolute;

}


#2

why bother to do so difficult? use the poster attribute as explained in this stackoverflow question


#3

euh sry but i dont understand =/, can you wright the part of code pls =) <3


#4

no, just search for tutorials on how to use the poster attribute. I don't do write code request


#5

Its ok, this isn't the solution. because the image diseaper when the video start. Moreover, for me, its a background video, introduct the topic of my site web.
I would like put anything on the video, img,text, etc....


#6

LIKE THIS

http://thenewcode.com/samples/polina.html


#7

people wrote plenty of guides on how to use the video as background, you can find plenty tutorials like this one

You need more css property's to achieve this. And position can't have two values.

I would seriously follow such a tutorial, since there is more too it then the code you currently have


#8

J'ai déplacé votre poste à la #Codecademy-Community-Lounge:Corner-Bar catégorie.