HTML

How to create full screen video background with HTML & CSS

<!DOCTYPE html>
<html>
<head>
<<style>
* {
box-sizing: border-box;
}

body {
margin: 0;
}

.myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}

.content {
position:fixed;

text-align:center;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 20px;
}

</style>
</head>
<body>
<video autoplay muted loop class="myVideo">
<source src="video.mp4" type="video/mp4">
</video>
<div class="content">
<h1>Welcome </div>
</body>
</html>

The Output of this source code will look like this: