当父窗口离开时触发 iframe 中的音频停止 (hashbang)

Question

我在网页 (Facebook) 上的 iframe (Facebook Tab App) 中有一个网络应用程序。

网络应用程序播放音频，当用户离开时，通常是通过点击另一个 Facebook 链接，页面加载另一个 Facebook 页面并且音频停止。

这适用于除 Internet Explorer (IE9) 以外的所有浏览器。当我导航到另一个 Facebook 页面时，音频继续播放。

Facebook 似乎使用了显示许多页面的方法（使用 hashbang #! 方法）而无需标准页面重新加载。对我来说：这意味着网络应用程序的音频继续播放（iframe 在某种程度上是孤立的？）。

当您导航到另一个不使用 #! 的网站时，音频会停止播放。 URL 语法和浏览器正确地重新加载这些页面。

当我导航到另一个 Facebook 页面时，如何确保音频停止在我的网络应用程序（Facebook 选项卡应用程序）中停止？我正在研究如何：

• 在父项中检测适当的事件
• 在我的网络应用中明确关闭音频

Answer 1

我设法通过挂接到窗口上的unload 事件来解决这个问题，比如

$(window).unload(function() {
  var a = $("#audio");
    a.get(0).pause();
});