Bootstrap 4 关闭时停止引导4模式视频

我已将以下代码拼凑在一起，这些代码执行以下操作： 在页面上显示图像。 单击图像时，打开包含可播放视频的模式。 当用户在模式外单击时，关闭模式。 模式关闭后，停止播放视频。 但视频不会停止播放。 有什么帮助吗？我不熟悉编码

                <!--Modal video-->
<img src="img/myimg.png" data-toggle="modal" data-target="#videoModal" />

  <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-body p-0">
          <video controls width="100%" preload="auto" class="embed-responsive embed-responsive-1by1">
            <source src="vids/myvideo.mp4" type="video/mp4">
          </video>
        </div>
      </div>
    </div>
  </div> 

您可以打开视频（即：当modal关闭时）：

$（'videoModal'）.on（'hide.bs.modal'，函数（e）{
this.querySelector（'video'）.pause（）；
})

---

这是我处理在模式中加载的任何类型内容的方法

单击外部模式-引导4关闭视频（或内容）

$(document).click(function(event) {
    if (!$(event.target).is("#YOUR-MODAL-ID")) {
        alert('I just clicked inside the modal');
        //does not pop up on embeded elements
    }
    else {
        --> Basically anything you want to stop playing when clicking outside the modal goes here
        --> be sure to call the right statement for whatever is inside the modal

        like:
        - var oldPlayer = document.getElementById('ID-OF-PLAYER-WRAPPER');
        - videojs(oldPlayer).dispose();
        - $("#wrapper-div-id iframe").attr("src", '');
    }
});