
Video popup
Responsive YouTube and Vimeo video players inside lightbox triggered by specially styled button.
Cartzilla component
Play button with label
<!-- Play button with label -->
<a href="link-to-youtube/vimeo-video" class="video-popup-btn mr-3"></a>
<span class="font-size-sm text-muted">Click me to watch video!</span>
// Play button with label
a(href="link-to-youtube/vimeo-video").video-popup-btn.mr-3
span.font-size-sm.text-muted Click me to watch video!
On top of the image
<!-- Video button on top of the image -->
<div class="position-relative bg-size-cover bg-position-center py-5" style="background-image: url(path-to-background-image);">
<span class="bg-overlay"</span>
<div class="bg-overlay-content px-3 py-5 my-sm-5 text-center">
<a href="link-to-youtube/vimeo-video" class="video-popup-btn my-2"></a>
<br>
<span class="font-size-sm text-muted">Click me to watch video!</span>
</div>
</div>
// Video button on top of the image
.position-relative.bg-size-cover.bg-position-center.py-5(style="background-image: url(path-to-background-image);")
span.bg-overlay
.bg-overlay-content.px-3.py-5.my-sm-5.text-center
a(href="link-to-youtube/vimeo-video").video-popup-btn.my-2
br
span.font-size-sm.text-light.text-shadow Click me to watch video!