<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.