Как расположить видео в центре на любом устройстве?

Question

[int_a]

У меня есть видео, которое должно служить на сайте анимированным задним фоном, реализовано через тег video
При заходе с ПК или с альбомным положением устройства оно выглядит так :

Однако на мобильных оно съезжает, полоса из центра уходит в низ. Как сделать так, чтобы видео оставалось ровно по центру?
Скрин того как оно съезжает в мобильной версии(тёмные стороны по бокам от инструментов разработчика):

Comments

[n1ksON]

Используйте media запросы

Answer 1

[Фёдор Филипьев]

html {
  height: 100%;
  width: 100%;
  background: url('ваше_видео') center center no-repeat;
  background-size: cover;
}