Stop video en popup con html, css java script
Buena noche alguien me pueede ayudar como parar un video en un iframe en un popup
este es el codigo
codigo HTML
<div id="popup">
<div class="panel-footer" style="text-align: center">
<h3>VideoTutorial VideoConferencia Google Meet</h3>
</div>
<iframe width="560" height="315" src="video/VC_google_meet.mp4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="video-to-stop"></iframe>
<div class="panel-footer" style="text-align: center;">
<button id="close" class="btn btn-primary btn-sm">Cerrar</button>
</div>
</div>
codigo CSS
#popup {
display:none;
position:absolute;
margin:0 auto;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
}
Codigo JAVASCRIPT
$(document).ready(function () {
$("#popup").hide().fadeIn(1000);
$("#close").on("click", function (e) {
e.preventDefault();
$("#popup").fadeOut(1000);
});
});