HTML

<button class="bs-lightbox" data-behavior-is="lightbox-btn" data-url="https://placeimg.com/840/680/nature">
    <span class="bs-lightbox__image-icon"></span>
    <img src="https://placeimg.com/640/480/nature" alt="" />
</button>

JavaScript function is same.

HTML

<button class="bs-lightbox" data-behavior-is="lightbox-btn" data-type="video"
    data-url="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4">
    <span class="bs-lightbox__play-icon"></span>
    <img src="https://placeimg.com/640/480/nature" alt="" />
</button>
<button class="bs-lightbox" data-behavior-is="lightbox-btn" data-type="youtube"
    data-url="https://www.youtube.com/embed/SIQs37auais">
    <span class="bs-lightbox__play-icon"></span>
    <img src="https://placeimg.com/640/480/nature" alt="" />
</button>