Skip to main content
Advertiser space

Video Background #1

Youtube html video background

Youtube Video Background

Use this amazing feature on the background of any row!
It's simple, just copy your youtube video url and paste in here

                  
                    <!-- background video -->
                    <div class="background-video">
                      <div class="overlay"></div>
                      <!-- video url in here -->
                      <div class="video-youtube-area">
                        <iframe width="1500" height="1080" src="//www.youtube.com/embed/cC9r0jHF-Fw?start=2:32&autoplay=1&loop=1&mute=1&showinfo=0&controls=0&start=2&&" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                      </div>
                      <!-- end video url -->
                      <div class="container h-100">
                        <div class="d-flex h-100 text-center align-items-center">
                          <div class="w-100 text-white">
                            <!-- video title -->
                            <h1 class="h1 display-3-sm display-2-md display-1-lg text-white">Youtube Video Background</h1>
                            <div class="text-center">
                              <div class="mini-line"></div>
                            </div>
                            <!-- video description -->
                            <p class="lead text-white d-none d-sm-block">Use this amazing feature on the background of any row!<br>It's simple, just copy your youtube video url and paste in here</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- end background video -->

Video Background #2

Vimeo html video background

Vimeo Video Background

Use this amazing feature on the background of any row!
It's simple, just copy your vimeo video url and paste in here

                  
                    <!-- video background -->
                    <div class="background-video">
                      <div class="overlay"></div>
                      <!-- video url in here -->
                      <div class="video-youtube-area">
                        <iframe width="1500" height="1080" src="https://player.vimeo.com/video/76979871?background=1&autoplay=1&loop=1&byline=0&title=0"></iframe>
                      </div>
                      <!-- end video url -->
                      <div class="container h-100">
                        <div class="d-flex h-100 text-center align-items-center">
                          <div class="w-100 text-white">
                            <!-- video title -->
                            <h1 class="h1 display-3-sm display-2-md display-1-lg text-white">Vimeo Video Background</h1>
                            <div class="text-center">
                              <div class="mini-line"></div>
                            </div>
                            <!-- video description -->
                            <p class="lead text-white d-none d-sm-block">Use this amazing feature on the background of any row!<br>It's simple, just copy your vimeo video url and paste in here</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- end video background -->