BootStrap - Youtube Banner 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">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/DcqJvYF1ewA" frameborder="0" allowfullscreen>
    
  </iframe>
</div>
  </div>
  <div class="container">
    Page content
  </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%;
}