Konu her ne kadar eski olsa da işe yarayacaktır.
Bugün bana da benzer bir kod lazım oldu. Şu kod işime yaradı ve çalıştı.
source alanını kendine göre düzenleyebilirsin;
videonda ses olsun istiyorsan "muted" kelimesini silmen yeterli
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Video Arkaplan</title>
<style>
#video_background {
width:auto;
height:100%;
position: fixed;
top: 0;
left: 0;
z-index: -1000;
overflow:hidden;
}
#video_background video {
min-height:100%;
min-width:100%; }
.maske {
position:absolute;
width:100%;
height:100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
}
</style>
</head>
<body>
<div class="maske"></div>
<video id="video_background" autoplay loop muted preload="metadata">
<source src="http://site.com/video.mp4" />
<source src="http://http://site.com/video.mp4" type="video/mp4" />
<source src="http://http://site.com/video.webm" type="video/webm" />
<source src="http://http://site.com/video.ogv" type="video/ogg" />
</video>
</body>
</html>