0

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

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

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

这是脚本的片段:

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

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

有问题的页面在这里:test page

Fancybox 3 文档在这里

如果我问这个问题很糟糕,请告诉我,因为我是这里的新手。

感谢您的关注。

4

1 回答 1

0

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

例如,此链接将关闭 fancyBox:

<a href="javascript:parent.jQuery.fancybox.close();">Dismiss</a>
于 2017-04-13T15:03:14.193 回答