Next: Use any youtube video as your page background

Use any youtube video as your page background

You can use any youtube video as your page background in this way:

 <html>  
 <style>  
 #main  
 {  
      padding:3em 2em;  
      //background-color:#333;       
      position:absolute;       
      //top:50%;  
      //left:50%;  
      top:0%;  
      left:0%;       
      //margin-top:-150px;  
      //margin-left:-150px;  
      //width:340px;  
      //height:140px;  
      width:100%;  
      height:100%;  
  -moz-opacity: 0.35;  
 -khtml-opacity: 0.35;  
 opacity: 0.35;  
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=35);  
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);  
 filter:alpha(opacity=35);  
 }  
 </style>  
 <title>Youtube background in your page</title>  
 <body>  

 <div style="position: fixed; z-index: -99; width: 100%; height: 100%">  
  <iframe frameborder="0" height="100%" width="100%"   
   src="https://youtube.com/embed/DSLgAsrcpGQ?autoplay=1&controls=0&loop=1&showinfo=0&autohide=1&wmode=transparent&hd=1">       
  </iframe>  
 </div>  

 <div id="main" >  
  <center>  
  <img src="http://static.lulu.com/browse/product_thumbnail.php?productId=21371401&resolution=320">  
  </center>  
  <!--  
  <iframe frameborder="0" height="100%" width="100%"   
   src="http://www.mypage.com">       
  </iframe>  
  -->  
 </div>  

 </body>  
 </html>  

where DSLgAsrcpGQ  is the ID of your youtube video.