Bigpicture

These modular elements can be readily used and customized in every layout across pages.

For more detail see. Bigpicture documentation

Javascript
<script src="../vendors/bigpicture/BigPicture.js"></script>
Example
YouTube
Vimeo
<div class="row gx-2">
  <div class="col-auto">
    <div class="btn btn-primary" data-bigpicture="{&quot;ytSrc&quot;:&quot;c8aFcHFu8QM&quot;}">YouTube</div>
  </div>
  <div class="col-auto">
    <div class="btn btn-primary" data-bigpicture="{&quot;vimeoSrc&quot;:&quot;58558497&quot;}">Vimeo</div>
  </div>
</div>