L'élément HTML5 <Video> laisse parfois des marges noires en hauteur selon la méthode de cadrage. Voici comment je procède pour centrer et recadrer une vidéo en css en la plaçant dans un container responsive.
 

D'abord Le html :

<div class="container">
 <video class="js-video" id="bgvid">
  <source type="video/webm" src="http://www.site.fr/mavideo.webm"></source>
 </video>
</div>

Puis le css (ici en less) :

.container {
   height: 100%;
   width: 100%;
   margin: 0;
   padding:0;
   position: relative;
   video#bgvid {
     min-width: 100%;
     min-height: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
   }
}
 

Cette méthode marche aussi pour recadrer une image.