How to center background video?

Question

css

So it goes.
There is a video in the background, embedded through <video>with absolute positioning and z-index setting.
But, when the page width is smaller than the video width, the video clip is cut off on the right edge without being centered.
How to center?

Answer 1

We <video>put the following styles:

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