title: html5 video element 1px white bottom border on chrome
body: <p>For some reason on Chrome, I get a white bottom border at the bottom of my video container element.</p>
  
  <pre><code>&lt;video id="cover" src="video.mp4" autoplay="" loop=""&gt;&lt;/video&gt;
  </code></pre>
  
  <p>Does anyone know how to fix this?</p>
  
  <p>This is the computed styles for the <code>video</code> element.</p>
  
  <pre><code>background-color:rgb(0, 0, 0);
  border-bottom-color:rgb(0, 0, 0);
  border-bottom-style:none;
  border-bottom-width:0px;
  border-image-outset:0px;
  border-image-repeat:stretch;
  border-image-slice:100%;
  border-image-source:none;
  border-image-width:1;
  border-left-color:rgb(0, 0, 0);
  border-left-style:none;
  border-left-width:0px;
  border-right-color:rgb(0, 0, 0);
  border-right-style:none;
  border-right-width:0px;
  border-top-color:rgb(0, 0, 0);
  border-top-style:none;
  border-top-width:0px;
  display:inline-block;
  font-family:Times;
  font-size:16px;
  font-stretch:normal;
  font-style:normal;
  font-variant-caps:normal;
  font-variant-ligatures:normal;
  font-variant-numeric:normal;
  font-weight:normal;
  height:798.547px;
  line-height:16px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  object-fit:contain;
  opacity:1;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  vertical-align:baseline;
  width:1680px;
  </code></pre>