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.


Questo sito utilizza cookies anche di terze parti. Scorrendo questa pagina acconsenti all’uso dei cookie. Se vuoi saperne di più leggil'informativa estesa.Ok, ho capito