Skip to main content

Background Video

Create background video embeds with parallax in section area.

Example

With this element you can make video background with title and description in cover pages. Responsive in any device, just copy youtube url and paste in here, very simple.


Example Text


Copy and paste following code

            
              <!-- video start -->
              <div id="hero" class="section">
                <!-- Background YouTube Parallax -->
                <div class="jarallax py-8 py-md-9 border-bottom z-index-1" data-jarallax-video="https://www.youtube.com/watch?v=6stlCkUDG_s">
                <div class="container">
                  <div class="row justify-content-center">
                    <!-- content -->
                    <div class="col-lg-7" data-aos="fade-up">
                      <div class="text-center">
                        <h1 class="text-white">Example Text</h1>
                      </div>
                    </div>
                  </div>
                </div>
                </div>
              </div>
              <!-- end video -->
            
          

Just replece following

  • https://www.youtube.com/watch?v=6stlCkUDG_s
  • Use this amazing feature on the background of any sections....

This also can applied in html video or vimeo video, just editing small code.

This feature is required Jarallax video plugin.