Remodal
These modular elements can be readily used and customized in every layout across pages.
For more detail see, Remodal Documentation
Stylesheet
<link href="assets/lib/remodal/remodal.css" rel="stylesheet">
<link href="assets/lib/remodal/remodal-default-theme.css" rel="stylesheet">
Javascript
<script src="assets/lib/remodal/remodal.min.js"></script>
Example
<a class="btn btn-dark" href="#" data-remodal-target="modal">Show Modal</a>
<a class="video-modal btn btn-dark mr-3" href="https://www.youtube.com/watch?v=c8aFcHFu8QM" data-start="16" data-end="168">Youtube</a>
<a class="video-modal btn btn-dark" href="https://vimeo.com/58558497" data-start="34" data-end="345">Vimeo</a>