YouTube视频继续播放由JavaScript触发的CSS弹出窗口

我添加了一些javascript，如图所示，它会触发一个带有YouTube视频的弹出窗口

代码由如下所示的“a href”控制，以触发弹出窗口。它本质上是使用display:block vs display:none（css）来显示和隐藏视频。这段代码可以工作，但我意识到当我关闭弹出窗口时，视频会继续播放

触发弹出窗口的代码：

 a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
  video</a>

a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
    Close</a>

a href=“javascript:void（0）”onclick=“document.getElementById（'light'）.style.display='block'；document.getElementById（'fade'）.style.display='block'”>
视频

关闭弹出窗口的代码：

 a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
  video</a>

a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
    Close</a>

a href=“javascript:void（0）”onclick=“document.getElementById（'light'）.style.display='none'；document.getElementById（'fade'）.style.display='none'”>
接近

是否有任何jquery或javascript可以添加到结束部分以停止视频

---

非常感谢您的帮助。提前谢谢。

我猜视频加载在iframe元素上，尝试杀死iframe元素：

var-iframe=document.querySelector（“iframe”）；
iframe.parentNode.removeChild（iframe）
谢谢大家。我从这里获得了用于此代码的代码：。我在函数中添加了以下内容：

 <script>

$(function(){
$('.close').click(function(){
    $('iframe').attr('src', $('iframe').attr('src'));
});
});


$（函数（）{
$（'.close'）。单击（函数（）{
$（'iframe'）.attr（'src'，$（'iframe'）.attr（'src'）；
});
});


并将class=“close”>添加到我的a href close代码中

非常感谢您的帮助。
单击链接时添加/删除html可能比隐藏itOff主题更好：jQuery提供了一个漂亮的库供您使用。尽可能在脚本标记中使用document.ready块，而不是可怕的内联onclick属性。感谢您的反馈。它成功了…但是如果我想再回去看一次，它就不见了。我将此部分添加到标题：function closeIframe（）{var iframe=document.querySelector（“iframe”）；iframe.parentNode.removeChild（iframe）；}，然后将closeIframe（）添加到a href=“javascript:void（0）”onclick=“document.getElementById（'light'）.style.display='none'；document.getElementById（'fade'））.style.display='none'；closeIframe（）；“>关闭。有什么想法吗？我不确定您是如何实现iframe的，但我想您可以在触发器中再次动态创建它以打开它（或者在closeIframe（）之后动态创建它），显示为“无”，等等，这样它就不会显示。也许这将是一个更详细的答案，说明您正在尝试实现的目标。第一个答案中的家伙有一个很好的toggleVideo（）方法，似乎可以暂停它