title: How can I place a embedded video on-top of an image in HTML/CSS?
body: <p>So I'm trying to create a simple layering technique, by putting an image behind a video in html/css. To give the video section some meaning and background style.</p>
  
  <p>Heres a photoshop mockup of what I'm trying to achieve.</p>
  
  <p><a href="http://s8.postimg.org/tl749vxvp/example.jpg" rel="nofollow">http://s8.postimg.org/tl749vxvp/example.jpg</a></p>
  
  <p>HTML</p>
  
  <pre><code> div id= "background"&gt;
   img src="images/imgc.jpg" class="stretch" alt="image"
   *Video embedding goes here*   
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.stretch {
      width : 100%;
      height: auto;%;
  }
  
  #background {
      position: relative ;
  }
  
  #wrapper {
     background-size: 100% auto;
  }
  </code></pre>