Pickbazar Buy now

Video popup

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

Pickbazar component

Play button with label

Click me to watch video!
<!-- 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


Click me to watch video!
<!-- 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!
Top