Javascript 关闭模式时停止视频？

我面临着一个问题，我的模态与视频，当我关闭模态的视频仍在播放的背景，我没有任何线索

有人能帮我在这里停止播放视频时，我关闭模式

我的js

功能弹出窗口（隐藏显示）{
if（hideOrshow=='hide'）document.getElementById（'popup-wrapper'）.style.display=“无”；
else document.getElementById（'popup-wrapper'）。removeAttribute（'style'）；
}
window.onload=函数（）{
setTimeout（函数（）{
弹出（“显示”）；
}, 100);
}

这是视频部分

<div id="popup-wrapper" style='display:none'>
    <div id="popup">
    <a href="#modal-close" class="modal-close" onClick="PopUp('hide')">X CLOSE</a>   
    <h1>HOW IT WORKS?</h1>   

   <div class="form-group">
      <video width="100%" controls>
        <source src="vdo.ogg" type="video/ogg" />
        <source src="vdo.mp4" type="video/mp4" />
        Your browser does not support the video tag.
      </video>
    </div>

    </div>
</div>

它是如何工作的？
您的浏览器不支持视频标记。

---

谢谢

当您关闭模式时，选择

视频

元素并在其上调用

暂停（）

功能弹出窗口（隐藏显示）{
if（hideOrshow=='hide'）{
document.getElementById（'popup-wrapper'）.style.display=“无”；
document.querySelector（'video'）.pause（）；//添加此
}
否则{
document.getElementById（'popup-wrapper'）。removeAttribute（'style'）；
}
}

---

还请注意，给定的

hideOrShow

只有两种状态，使用布尔值更有意义。

无法使其工作仍在进行。你能在我的代码上告诉我如何正确地做吗？请尝试使用

pause（）

方法，而不是

stop（）

没问题。乐意help@Sherline请注意，这会在当前时间暂停视频。要“停止”它（从头开始再次播放），请查看

<div id="popup-wrapper" style='display:none'>
    <div id="popup">
    <a href="#modal-close" class="modal-close" onClick="PopUp('hide')">X CLOSE</a>   
    <h1>HOW IT WORKS?</h1>   

   <div class="form-group">
      <video width="100%" controls>
        <source src="vdo.ogg" type="video/ogg" />
        <source src="vdo.mp4" type="video/mp4" />
        Your browser does not support the video tag.
      </video>
    </div>

    </div>
</div>