我如何使用 Fancybox 3 从 iframe 内部访问和控制父窗口中的 fancyBox答案

【问题标题】：Ho do I access and control fancyBox in parent window from inside an iframe with Fancybox 3我如何使用 Fancybox 3 从 iframe 内部访问和控制父窗口中的 fancyBox
【发布时间】：2017-04-10 09:26:50
【问题描述】：

我并不是一个真正的程序员，只是一个多年来一直在蚕食脚本的 HTML 编码器，却无法完全理解我在做什么。我终于陷入了僵局。

我正在使用 Fancybox 3 打开一个响应式 iFrame，我正在向其中加载一个设置为自动播放的 HTML5 视频。一切都很好，除了 iFrame 是 a) 最初在底部裁剪（通过稍微调整浏览器窗口大小立即修复的错误）和 b) 当窗口缩小时不调整内容的大小。我在视频下方打开了空白区域。

Fancybox 3 文档建议使用这段脚本来实现我所追求的，但没有解释如何准确地实现它。我想作者认为我对这些事情的了解比我知道的多，这似乎很公平。

这是脚本的sn-p：

parent.jQuery.fancybox.getInstance().update();

我猜这会解决我所有的问题。谁能告诉我如何实现它？

有问题的页面在这里：test page。

Fancybox 3 文档是here。

如果我这个问题问得不好，请告诉我，因为我是这里的新手。

感谢收看。

【问题讨论】：

标签： html iframe video.js fancybox-3

【解决方案1】：

主页上的Iframed page 演示完全符合您的要求。线索见http://fancyapps.com/fancybox/3/iframe.html源代码。

例如，这个链接会关闭fancyBox：

<a href="javascript:parent.jQuery.fancybox.close();">Dismiss</a>

【讨论】：