title: Set a responsive video background for Bootstrap Jumbotron
body: <p>How do I go about setting a video to fill the whole of this jumbotron as a background and make it responsive?</p>
  
  <p><a href="https://getbootstrap.com/docs/3.3/examples/jumbotron/" rel="nofollow noreferrer">https://getbootstrap.com/docs/3.3/examples/jumbotron/</a></p>
  
  <pre><code>&lt;div class="jumbotron"&gt;
    &lt;div class="container"&gt;
      &lt;h1&gt;Hello, world!&lt;/h1&gt;
      &lt;p&gt;This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.&lt;/p&gt;
      &lt;p&gt;&lt;a class="btn btn-primary btn-lg" href="#" role="button"&gt;Learn more &amp;raquo;&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The video: <a href="http://www.w3schools.com/html/mov_bbb.mp4" rel="nofollow noreferrer">http://www.w3schools.com/html/mov_bbb.mp4</a></p>