Embed Video Background

by salt

HTML

<div id="video-container">
    <iframe id="bg-video" 
            src="https://www.youtube.com/embed/xAR6N9N8e6U?autoplay=1&controls=0&disablekb=1&playsinline=0&cc_load_policy=0&cc_lang_pref=auto&widget_referrer=http%3A%2F%2Flocalhost%3A8888%2Fsalthub%2Ftest%2F&rel=0&showinfo=0&iv_load_policy=3&modestbranding=1&customControls=true&noCookie=false&enablejsapi=1&origin=http%3A%2F%2Flocalhost%3A8888&widgetid=1" 
            frameborder="0" 
            allow="autoplay; fullscreen">
    </iframe>
  </div>

CSS

#video-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      overflow: hidden;
    }
    #video-container iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120%; /* Genişliği fazla tutarak taşmayı önlüyoruz */
      height: 120%; /* Yüksekliği fazla tutarak her zaman kapsıyor */
      transform: translate(-50%, -50%);
      pointer-events: none; /* Videoyu tıklanamaz yapıyoruz */
    }