モーダルを閉じたらiframe（youtube動画）の再生を停止したい

Question

現在、トップページにアクセスすると強制的にモーダルを表示させ、中にはyoutubeの動画を表示させています。
しかし、クローズボタンを押してもyoutubeの再生が止まらない状況です。
クローズボタンを押すと、youtubeの再生も停止させたいのですが、どなたかご教示いただけないでしょうか。

HTML：

<div class="popup" id="js-popup">
  <div class="popup-inner">
    <div class="close-btn" id="js-close-btn"><i class="fas fa-times"></i></div>
    <iframe width="100%" height="315" src="youtubeの動画URL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </div>
  <div class="black-background" id="js-black-bg"></div>
</div>

JS：

window.onload = function() {
  var popup = document.getElementById('js-popup');
  if(!popup) return;
  popup.classList.add('is-show');

  var blackBg = document.getElementById('js-black-bg');
  var closeBtn = document.getElementById('js-close-btn');

  closePopUp(blackBg);
  closePopUp(closeBtn);

  function closePopUp(elem) {
    if(!elem) return;
    elem.addEventListener('click', function() {
      popup.classList.remove('is-show');
    })
  }
}

Answer 1

//player.js
  var tag = document.createElement('script');

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;

  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '315',
      width: '100%',
      frameborder: '0',
      playerVars: {mute:1},
      videoId: 'M7lc1UVf-VE',
      events: {
        'onReady': onPlayerReady
      }
    });
  }
  function onPlayerReady(event) {
    event.target.playVideo();
  }

  const resistYtStopButton = () => {
    document.querySelector("#js-close-btn")
    .addEventListener("click", () => player.stopVideo(),false);
  }
  if(document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded",resistYtStopButton, false);
  } else {
    resistYtStopButton();
  }

...
<script async src="./player.js"></script>
...
<div id="player"></div>
...

再生を停止させる感じで作りました