title: Video not getting fitted to full screen in google chrome using video js
body: <p>Aspect ratio is wrong on streams that don't have square pixels, but only on Chrome (tested on Win10 and OS X). It works as expected with Firefox and IE11 (on Win10).</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.videosize {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    overflow: hidden;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;video class="hidden-xs hidden-sm hidden-md hidden-custom videosize embed-responsive-item" autoplay="autoplay" loop="loop"&gt;
      &lt;source src="~/Videos/myvideo.mp4" type="video/mp4" /&gt;
  &lt;/video&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I can confirm it. In Safari and Firefox the sample works as expected, but in Chrome the aspect ratio is wrong. Using OS X 10.11.3.</p>
  <p><a href="https://i.stack.imgur.com/qnm95.png" rel="nofollow noreferrer">Google Chrome image</a></p>
  <p><a href="https://i.stack.imgur.com/2w63E.jpg" rel="nofollow noreferrer">firefox Image</a></p>