Use Backgroung Video Tutorial
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style> body{ margin:0px; background:#000; }
#bg_container{ height:500px; overflow:hidden; }
#bg{ width:100%; height:100%; }
#content{ position:absolute; top:0px; padding:30px; color:#FFF; text-shadow:#000 2px 2px; }
</style>
</head>
<body>
<div id="bg_container">
<iframe id="bg" src="//www.youtube.com/embed/NnFQy49mank?autoplay=1&controls=0&loop=1&showinfo=0&modestbranding=1&disablekb=1&enablejsapi=1&" frameborder="0" allowfullscreen></iframe>
</div>
<div id="content">
<h1>Hello</h1>
<h2>I Am a web designer</h2>
</div>
</body>
</html>
<head>
<title>Untitled Page</title>
<style> body{ margin:0px; background:#000; }
#bg_container{ height:500px; overflow:hidden; }
#bg{ width:100%; height:100%; }
#content{ position:absolute; top:0px; padding:30px; color:#FFF; text-shadow:#000 2px 2px; }
</style>
</head>
<body>
<div id="bg_container">
<iframe id="bg" src="//www.youtube.com/embed/NnFQy49mank?autoplay=1&controls=0&loop=1&showinfo=0&modestbranding=1&disablekb=1&enablejsapi=1&" frameborder="0" allowfullscreen></iframe>
</div>
<div id="content">
<h1>Hello</h1>
<h2>I Am a web designer</h2>
</div>
</body>
</html>
Comments
Post a Comment