"Video header "
Bootstrap 3.2.0 Snippet by Kauress

<div class ="section"> <div class="header-unit"> <div id="video-container"> <video autoplay loop class="fillWidth"> <source src="vid/cloud.mp4" type="video/mp4"> <source src="vid/phone.webm" type="video/webm"> <source src="vid/bg.ogg" type="video/ogg"/> </video> <p> <img src="img/logo2.png" id= "logo"> </p> <h4 style ="color: #fe7e04"> Heading out here </h4> </div><!-- end container --> </div><!-- end .header-unit --> </section>
.header-unit { height:650px; border-right:none; border-left: none; position: relative; padding: 20px; } #video-container { position: absolute; } #video-container { top:0%; left:0%; height:100%; width:100%; overflow: hidden; } video { position:absolute; z-index:-1; } video.fillWidth { width: 100%; }

Questions / Comments:

Related: See More