Это довольно стандартный вопрос, но, похоже, у любого другого человека была точно такая же проблема, и это была позиция, которая не была помечена как относительная, в то время как моя. Очень просто:
Мой основной блок HTML:
<div id="bg_video">
<video autoplay loop muted>
<source src="hotlink/background_vid.mp4" type="video/mp4">
</video>
</div>
И мой CSS:
video {
width:100%;
}
#bg_video {
position: relative;
width:100%;
height: 100%;
display: flex;
overflow:hidden;
align-items: center;
justify-content: center;
}
Это видео HQ, поэтому я хочу сохранить сам видеоэлемент по ширине соответствует длине страницы, чтобы не допускать ее полного увеличения.