How to Pause and Stop a Video in a Modal on Close?

Design help Custom code
14

But I have several modals, once i opened a modal, i opened others as well, could you please help me to have a look?

Preview Link: https://webflow.com/design/gtgt?p=545751fc11fe688e1cf322a4

<script type="text/javascript">
 var src = $('#banner-video').children('iframe').attr('src');

$(document).ready(function() {
  $('#modal-link-banner').click(function(e) {
    e.preventDefault();
    $('#banner-video').children('iframe').attr('src', src);
    $('#modal-background-banner').fadeIn();
  });
  $('.close-modal').click(function(e) {
    e.preventDefault();
    $('#banner-video').children('iframe').attr('src', '');
    $('#modal-background-banner').fadeOut();
  });
});

</script>

<script type="text/javascript">
 var src = $('#project-video-1').children('iframe').attr('src');

$(document).ready(function() {
  $('#modal-link-project-1').click(function(e) {
    e.preventDefault();
    $('#project-video-1').children('iframe').attr('src', src);
    $('#modal-background-project-1').fadeIn();
  });
  $('.close-modal').click(function(e) {
    e.preventDefault();
    $('#project-video-1').children('iframe').attr('src', '');
    $('#modal-background-project-1').fadeOut();
  });
});

</script>