モーダルウィンドウを閉じた際にモーダルウィンドウ上で再生されていたmp4の動画を停止したい

Question

前提・実現したいこと

モーダルウィンドウを閉じた際にモーダルウィンドウ上で再生されていたmp4の動画を停止したい

発生している問題・エラーメッセージ

モーダルウィンドウを閉じても動画がそのまま再生されてしまいます。

該当のソースコード

<div class="block">
  <div class="myModal-1">
    <input id="myModal_open-1" type="radio" name="myModal_switch-1" />
    <label for="myModal_open-1" class="modal-1">
      <image src="image/a.png"></image>
    </label>
    <input id="myModal_close-overlay-1" type="radio" name="myModal_switch-1" />
    <label for="myModal_close-overlay-1">オーバーレイで閉じる</label>
    <input id="myModal_close-button-1" type="radio" name="myModal_switch-1" />
    <label for="myModal_close-button-1"></label>
    <div class="myModal_popUp-1">
      <div class="myModal_popUp-content-1">
        <div class="video">
          <video src="mp4/株式会社a.mp4" controls></video>
	</div>
      </div>
    </div>
  </div>
  <p class="campany-name">株式会社a様</p>
  <p class="video-intro">施設利用「一日の流れ」説明動画</p>
</div>
<div class="block">
  <div class="myModal-2">
    <input id="myModal_open-2" type="radio" name="myModal_switch-2" />
    <label for="myModal_open-2" class="modal-1">
      <image src="image/b.png"></image>
    </label>
    <input id="myModal_close-overlay-2" type="radio" name="myModal_switch-2" />
    <label for="myModal_close-overlay-2">オーバーレイで閉じる</label>
    <input id="myModal_close-button-2" type="radio" name="myModal_switch-2" />
    <label for="myModal_close-button-2"></label>
    <div class="myModal_popUp-2">
      <div class="myModal_popUp-content-2">
        <div class="video">
          <video src="mp4/b.mp4" controls></video>
	</div>
      </div>
    </div>
  </div>
  <p class="campany-name">b株式会社様</p>
  <p class="video-intro">リクルート動画</p>
</div>

    $(function(){
        $(document).on('closed', '.myModal-1', function () {
            $('video').each(function() {
                var video = $(this).get(0);
                if(!video.paused) {           // videoが一時停止中でないなら
                    video.pause();            // video 一時停止
                    video.currentTime = 0;    // 次回再生時に最初から再生するなら再生時間を０に
                }
            });
        });
    });

試したこと

モーダルウィンドウは無料配布しているサイトから引っ張ってきました。それをいじっただけなので、構造の理解はできていません。また、JavaScriptに関しても初心者でよく分かっていません。似たような質問をされている方がいて、見よう見まねでやってみたのですが思うようにいかず、動画が再生されたままです。モーダルウィンドウが正常に動作すれば、書き方にこだわりはないので、正しく動作する方法をご教示していただきたく思います。よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

私はこの手の質問には詳しく無いですが、質問をもう少し具体化すれば何をしたらいいかが見えてくるはずです。

以下が参考になるはずです。
https://designsupply-web.com/knowledgeside/4402/

まず、videoタグにmedia1という名称でid持たせていきましょう。
以下は、btn_pauseというidを持つボタンをクリックしたら、という処理ですが、
このトリガーを、モーダルを閉じたら、に変更すればできるはずです。

onst media1 = document.getElementById('media1');

const pauseBtn = document.getElementById('btn_pause');
pauseBtn.addEventListener('click',function(){
  media1.pause();
});

そのためにはモーダルを閉じたときに検知するような処理が既存JSにあるかどうかまずみてください。