<div class="container">
<div class="container__wrapper">
<video class="container__video" src="...">
...
</video>
</div>
<div class="container__content">
...
</div>
</div>
.container {
position: relative;
}
.container__wrapper {
left: 0px;
position: absolute;
top: 0px;
height: 100%;
width: 100%;
overflow: hidden;
}
.container__video {
object-fit: cover;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.container__content {
left: 0px;
position: absolute;
top: 0px;
height: 100%;
width: 100%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}