Cześć :)
Polecał bym ci slider na początku, został pokazany w drugim odcinku JavaScript na kanale Pasja Informatyki.
<!DOCTYPE html>
<html>
<head>
<style>
.content {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 20px;
}
.content video {
width: 100%;
display: block;
}
#text{
font-size: 44px;
position: absolute;
top: 100px;
left: 30%;
right: 30%;
top: 20%;
}
</style>
</head>
<body>
<div class="content">
<div id="text">Witaj na stronie!</div>
<video id="player" src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" autoplay loop muted></video>
</div>
</body>
</html>
Możesz zamienić właściwość absolute na fixed i zobaczyć co się stanie przy scrollowaniu.
Na temat właściwości position znajdziesz informacje tu -> https://www.w3schools.com/cssref/pr_class_position.asp