YouTube视频继续播放由JavaScript

Question

我添加了一些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>

是否有任何jquery或javascript我可以添加到关闭部分以使视频停止？

任何帮助都非常感谢。提前谢谢。

Answer 1

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

var iframe = document.querySelector("iframe"); iframe.parentNode.removeChild(iframe);

Answer 2

全部谢谢。我从这里开始使用此代码：enter link description here。我把它添加到我的函数中：

 <script>

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

并添加了类=＆＃34;关闭＆＃34;＆gt;到我的href密码。

非常感谢帮助。