Create professional video popups that work perfectly on all devices using Bootstrap's modal component. This is ideal for showcasing product demos, testimonials, or promotional videos without cluttering your page.
Add this code to make the thumbnail or link text to be the action of the popup
<p><img data-bs-target="#exampleModal" data-bs-toggle="modal" src="IMAGE URL GOES HERE" class="d-block img-fluid mx-auto"></p>
Add this code to the bottom of the source code
<div aria-hidden="true" aria-labelledby="exampleModalLabel" id="exampleModal" style="display: none;" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"><button aria-label="Close" data-bs-dismiss="modal" type="button" class="btn-close"></button></div> <div class="modal-body"> <div class="ratio ratio-16x9"><iframe allowfullscreen="allowfullscreen" height="autopx" src="EMBEDED VIDEO LINK GOES HERE" width="autopx" style="border:none"></iframe></div> </div> </div> </div> </div>
EXAMPLE
