Html video background

<!DOCTYPE html>
<html>
	<head>
		<title>Meet Utkarsh</title>

		<style type="text/css">

			* {
				margin: 0;
				padding: 0;
			}
			body {
				font-family: Calibri, sans-serif;
			}
			.background-wrap {
				position: fixed;
				z-index: -1000;
				width: 100%;
				height: 100%;
				overflow: hidden;
				top: 0;
				left: 0;
			}

			#video-bg-elem {
				position: absolute;
				top: 0;
				left: 0;
				min-height: 100%;
				min-width: 100%;
			}
			.content {
				position: absolute;
				width: 100%;
				min-height: 100%;
				z-index: 1000;
				background-color: rgba(0,0,0,0.7);
			}
			.content h1 {
				text-align: center;
				font-size: 65px;
				text-transform: uppercase;
				font-weight: 300;
				color: #fff;
				padding-top: 15%;
				margin-bottom: 10px;
			}
			.content p {
				text-align: center;
				font-size: 20px;
				letter-spacing: 3px;
				color: #aaa;
			}
			#logotop {
			align: 0px;
			padding: 0px;
			}

		</style>


	</head>
	<body>


		<div class="background-wrap">
			<video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted">
				<source src="vdeo.mp4" type="video/mp4">
				<source src="vdeo.webm" type="video/webm">
				Sorry That The Amazing video Is Not Supported Please Contact us and tell us which operating system or which browser you use Sorry!
			</video>
		</div>


		<div class="content">
			<h1>Meet Utkarsh</h1>
			<p>The Web Developer.</p>
		</div>


	</body>
</html>