<div class="wrapper-md px-4 px-lmd-0 text-center text-md-left d-flex justify-content-center">
<div class="d-md-inline-flex flex-wrap justify-content-center justify-content-md-start align-items-center">
<div>
<div id="video-popup-2" class="video-container mx-auto" style="background-image: url('https://roseathemes.com/scholastica/1/pluginfile.php/1/theme_scholastica/scholasticasettingsimgs/0/shubham-dhage-1CMtCk34RBU-unsplash.jpg');">
<a class="vpopup-play" href="#video-popup">
<i class="fas fa-play-circle"></i>
</a>
</div>
<div id="video-popup">
<div class="vpopup">
<iframe
class="vpopup-video"
src="https://www.youtube.com/embed/5GrQJGQWfd8?si=cAqJF9YMO95Lmyd2"
height="100%"
allowfullscreen="allowfullscreen"
></iframe>
</div>
<div class="vpopup-close">
<a href="#video-popup-2"> <i class="fas fa-times-circle"></i> </a>
</div>
</div>
</div>
<div class="mt-4 mt-md-0 mx-4">
<p class="mb-1 font-weight-bold">The Scholastica is dedicated only to Moodle 4.3 and later.</p>
<p class="small">
Need help with theme customization?<br />Or do you want to report a bug?
</p>
<a class="btn btn-dark my-1" href="https://1.envato.market/OR707N" target="_blank" rel="noopener">Get this theme!</a>
</div>
</div>
</div>
On YouTube in the embedded section.
How to use multiple video pop-up player?
