Javascript 隐藏页面时暂停You Tube视频

我已经创建了一个站点，在这里，我使用下面的代码创建了在不同的菜单点击中显示/隐藏的div，而不是“页面”

唯一的问题是其中一个页面上的YouTube视频，当用户播放视频时，他们必须停止播放，否则在访问其他页面时视频将继续播放

有没有办法在用户离开页面时暂停视频，或者在单击其他内容时直接停止视频

下面是页面导航的代码

$('#homePage').show();

$('.nav').click(function () {
    $('.page:visible').slideUp('slow'); // or .hide()
    $($(this).data('target')).slideDown('slow'); // or.show()
})

---

非常感谢您提供的任何帮助

您好，本页将对您大有帮助。您只需将视频“包装”到youtube Api中，并使用其已绑定的事件和方法

基本上，你需要做的是当div关闭或者点击一个从视频中取出x的按钮时，你需要做类似的事情

$("#myDiv").click(function () {
    player.stopVideo();
  });

---

需要注意的一点是，如果要隐藏包含Iframe的div，则每次显示时都需要重新添加播放器，否则将丢失与之相关的事件。我希望这有帮助

您好，这一页应该会有很大帮助。您只需将视频“包装”到youtube Api中，并使用其已绑定的事件和方法

基本上，你需要做的是当div关闭或者点击一个从视频中取出x的按钮时，你需要做类似的事情

$("#myDiv").click(function () {
    player.stopVideo();
  });

---

需要注意的一点是，如果要隐藏包含Iframe的div，则每次显示时都需要重新添加播放器，否则将丢失与之相关的事件。我希望这有帮助

这应该会有所帮助：用JS制作Youtube播放器比使用Iframe更好。如果您通过Javascript代码制作它们，您可以轻松地更好地控制它们。@misik在隐藏视频页面div时不会停止视频。如果您敲击iframe容器的内部HTML，视频将停止。这应该会有所帮助：在JS中制作Youtube播放器比iframe更好。如果您通过Javascript代码制作它们，您可以轻松地更好地控制它们。@misik，当视频页面div隐藏时，它不会停止视频。如果您重击iframe容器的innerHTML，视频将停止。