Как отцентрировать фоновое видео?

Question

[Денис Букреев]

Такие дела.

На фоне стоит видосик, встраивается через <video> с абсолютным позиционированием и настройкой z-index.
Но, когда ширина страницы меньше, чем ширина видео, то видосик обрезается по правому краю без центрирования.

Как отцентрировать?

Comments

[sergey]

background-size: cover; не работает?

[Денис Букреев]

SM: нет, а почему должен работать?)

[sergey]

Денис Букреев: бросил ссылку

Answer 1

[Денис Букреев]

У <video> ставим такие стили:

min-width: 100vw;
min-height: 100vh;
position: absolute; // либо fixed
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);

Answer 2

[sergey]

Нет сейчас времени, спать хочу, но вот посмотри на работу, делал несколько лет назад тут, там как раз видео адаптивное.

За код соррян, делалось давно, а править не охота

Comments

[Денис Букреев]

Круть!
Но тут не за счет cover, а за счет костылька с transform) Но сойдет.
Спасибо.

[sergey]

Денис Букреев: you are welcome:))) я за костыль уже и забыть успел