<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <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%; }