Полноэкранный видео-фон для сайта на CSS

<div class="video-obzor-animatsion">
  <iframe src="https://www.youtube.com/embed/KHJPv7om_tY?mode=opaque&wmode=transparent&autoplay=1&loop=1&controls=0&modestbranding=1&rel=0&autohide=1&showinfo=0&color=white&iv_load_policy=3&theme=light&wmode=transparent&mute=1&playlist=fGL6ucS9hTI" frameborder="0" allow="autoplay"></iframe>

  <div class="kolakesa-videobzora">
  <h1>ZorNet.Ru — сайт для вебмастера</h1>
  <p>Теперь, предполагая, что ваше плохое соединение связано с режимом / расположением маршрутизатора, а не плохим планом провайдера, есть несколько сетевых топологий, которые вы можете использовать для вашего соединения, будь то на работе или дома.</p>
  <ul>
  <li>Скрипты для uCoz</li>
  <li>Список значков шрифта Awesome</li>
  <li>JavaScript и jQuery</li>
  <li>Шаблоны для uCoz</li>
  </ul>
  <p>Обратите внимание, что сетевые топологии делятся на две категории: физические и логические . Физические топологии описывают физическое расположение, в то время как логические топологии описывают.</p>
  </div>
</div>

.video-obzor-animatsion {
  position: relative;
  overflow: hidden;
}
.video-obzor-animatsion iframe {
  position: absolute;
  top: 0px;
  left: 0;
  width: 0;
  height: 0;  
  z-index: -1;
}
.kolakesa-videobzora {
  position: relative;
  color: #fff;
  padding: 48px;
  font-size: 18px;
}
.kolakesa-videobzora:before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;  
}

function setVideoCenter() {
  var $box = $('.video-obzor-animatsion');
  var height = $box.height();
  var width = $box.width();
  var new_height = width / 1.78;
  if (new_height > height) {
  $box.find('iframe').css({
  width: width,  
  height: new_height,  
  top: '-' + (new_height / 2 - height / 2) + 'px',
  left: '0',
  });  
  } else {
  var new_width = height * 1.78;
  $box.find('iframe').css({
  width: new_width,  
  height: height,  
  top: '0',
  left: '-' + (new_width / 2 - width / 2) + 'px'
  });
  }  
}

$(function(){
  setVideoCenter();
  $(window).resize(setVideoCenter);
});