Video as a background

by Alain Martinez

HTML

<video id="videobg" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
    <source src="http://alarezmedia.com/videos/VfE_html5.mp4" type="video/mp4">
     <source src="http://alarezmedia.com/videos/VfE_html5.webm" type="video/webm">
          Sorry, your browser does not support HTML5 video.
</video>
<div id="overlay">
    <h1>Video como Background</h1>
</div>

CSS

#videobg { 
     position: absolute;
     top: 0px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1000;
     overflow: hidden;
}
#overlay {
    background: rgba(255,255,255,0.23);
    padding: 10px;
}