title: Html5 video responsive section
body: <p>I have a video that I have added to my main section of my site, the dimensions are 1920 x 1080, my problem is that the sides are not 100% width if I make the height 100vh.  </p>
  
  <p>if I make the height: 100% it goes past the vh of the browser and the responsiveness  is to small.</p>
  
  <p>the way they have this video here is what I am trying to accomplish</p>
  
  <p><a href="http://www.welcometofillory.com/" rel="nofollow noreferrer">http://www.welcometofillory.com/</a></p>
  
  <pre><code>.container video {
      height: 100% !important;
      width: 100% !important;
      overflow: hidden;
      }
  
  &lt;div class="container"&gt;
  &lt;video id="my-video" preload="auto" loop style="width: 1920px; height: 1080px;" width="100%" height="100%"&gt;
   &lt;source src="landing-video.mp4" type="video/mp4"&gt;&lt;/source&gt;
  &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>