Video popup

Responsive YouTube and Vimeo video players inside lightbox triggered by specially styled button.

Createx component

Play button

Click me to watch video!
<!-- Play button: With label -->
<a href="link-to-youtube/vimeo-video" class="cs-video-btn mr-3" data-gallery-video data-sub-html="<h6 class='font-size-sm text-light'>Video caption</h6>"></a>
<span class="font-size-sm text-muted">Click me to watch video!</span>

Sizing

<!-- Default button size -->
<a href="link-to-youtube/vimeo-video" class="cs-video-btn" data-gallery-video></a>

<!-- Small button size -->
<a href="link-to-youtube/vimeo-video" class="cs-video-btn cs-video-btn-lg" data-gallery-video></a>

On top of the image


Click me to watch video!
<!-- Video button on top of the image -->
<div class="jumbotron position-relative bg-size-cover bg-position-center bg-no-repeat text-center mb-0 py-5" style="background-image: url(path-to-background-image);">
  <div class="bg-overlay rounded opacity-25"></div>
  <div class="bg-overlay-content my-5 py-5">
    <a class="cs-video-btn cs-video-btn-lg mb-2" href="link-to-youtube/vimeo-video" data-gallery-video data-sub-html="<h6 class='font-size-sm text-light'>Video caption</h6>"></a>
    <br>
    <span class="font-size-sm text-light">Click me to watch video!</span>
  </div>
</div>
Top