Почему я получаю пространство между видео и контейнером в мобильной версии моего сайта?

Question

Я добавил видео в качестве фона моего сайта, оно отлично работает, но когда я перехожу на мобильную версию, я получаю место сверху и снизу видео, почему это происходит?

<header class="v-header container">
    <div class="fullscreen-video-wrap">
      <video src="video.mp4" autoplay="" loop="" muted>
    </video>
    </div>
  </header>

.v-header{
  height:100vh;
  display:flex;
  align-items:center;
  color:#fff;
}

.fullscreen-video-wrap{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  overflow:hidden;
}

.fullscreen-video-wrap video{
  min-height:100%;
  min-width:100%;
  max-width:100%;
}