在隐藏之前与 iFrame 元素交互

Interacting with iFrame elements before its hidden

我正在尝试弄清楚如何在 iframe 中捕获隐藏事件 (display:none;)。我有三个 iframe,一次只有一个可见,另外两个 iFrame 是隐藏的。我正在使用 jQuery show(), hide() 方法来隐藏和显示不同的 iframe :

$('#currentFrame').hide();
$('#newIframe').show();

我在这些 iframe 中嵌入了 wistia 视频,当一个 iframe 切换到另一个 iframe 时,我想暂停当前视频。因此我想捕获隐藏事件。

在 iFrame 中我尝试了这个但它没有被触发

$(document).blur( function () { var video = Wistia.api("video1"); video.pause(); });

使用下面的例子,它使用了postMessage函数

https://robertnyman.com/html5/postMessage/postMessage.html