video header

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Video Header</title>
    <style>
        * { box-sizing: border-box; }
        body {  margin: 0; }
        header {
            width: 100%;
            height: 100vh;
            overflow: hidden;
            position: relative;
        }
        header video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        header div {
            position: absolute;
            top: 0;
            left: 0;
            padding: 100px;
        }
        header div h1 {
            font-size: 90px;
            text-align: center;
            color: rgba(0,0,0,0.5);
        }
    </style>
</head>
<body>
    <header>
        <video autoplay loop muted>
            <source src="video.mp4">
        </video>
        <div>
            <h1>Video Header</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet aut ullam vitae facilis commodi alias, porro asperiores dolore atque molestias autem minus vel minima, quae rerum quisquam accusamus illo optio.</p>
        </div>
    </header>
    <div class="main">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat quia illum magni fugiat qui ducimus quam. Dolorem ullam maxime quis cum, laboriosam aspernatur dolore sapiente repellendus blanditiis atque eveniet! Consequuntur.</p>
    </div>
</body>
</html>