title: How To Add A Video Background to Joomla Template
body: <p>I was just trying to create a video background in my joomla template. At the moment I am just modifying prostar for ease. Below is  what I have.</p>
  
  <p>In the index.php I have put in a video tag below the head.</p>
  
  <pre><code>&lt;/head&gt;
      &lt;video controls autoplay muted id="bgvid"&gt;
  &lt;source src="/vid/timelapseb&amp;w.mp4" type = "video/mp4"&gt;
  &lt;/video&gt;
  &lt;body class="site &lt;?php echo $option
      . ' view-' . $view
      . ($layout ? ' layout-' . $layout : ' no-layout')
      . ($task ? ' task-' . $task : ' no-task')
      . ($itemid ? ' itemid-' . $itemid : '')
      . ($params-&gt;get('fluidContainer') ? ' fluid' : '');
  ?&gt;"&gt;
  </code></pre>
  
  <p>In My Css file I have entered the following Beneath where the background colour style is placed</p>
  
  <pre><code>#bgvid {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background-size: cover;
  }
  
  video {
  display: block;
  }
  </code></pre>
  
  <p>I do not believe I need to include the file within the templateDetails.xml, I have tired however with no luck.</p>
  
  <p>Any Ideas? Any help is appreciated!</p>
  
  <p>Thanks in advance</p>