Как правильно реализовать полноэкранную видеозаставку?
/* Высота панели */
.nav {
 height: 40px
}
/* Высота блока с видео/картинкой */
.video-container {
 height: calc(100vh - 40px);
}
/* Видео отображается только на больших экранах */
video {
 display: none
}
@media (min-width:769px) {
 video {
  display: block;
 }
}
Нужно ещё учесть, что на мобильных нет автопроигрывания видео.
Есть решения которые можно найти по первым пяти ссылкам гугла