BootStrap - Embedded video in Jumbotron

by freedawirl

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="jumbotron">
  <video id="video-background" preload muted autoplay loop controls>
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  </video>
  </div>
  <div class="container">
    Hello World
  </div>

CSS

.jumbotron{
  position: relative;
  z-index:-101;
  padding:0;
}

#video-background { 
  position: ;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    width:100%;
}