FancyBox - 在afterShow中添加内容后如何调整大小（在youtube iframe之后）

Question

我想将一些额外的内容（只是一个包含少量文字的div）添加到包含youtube视频的fancybox中，并让窗口自动调整大小。

我的HTML：

<a class="fancyboxVid fancybox.iframe" href="http://www.youtube.com/embed/Y79hyUt4dn4?enablejsapi=1&wmode=opaque">
        <img src="https://i.ytimg.com/vi/Y79hyUt4dn4/sddefault.jpg" />
</a>

Javascript：

$(".fancyboxVid").fancybox({
                autoSize: true,
                autoResize: true,
                scrolling:'no',
                aspectRation:false,
                afterShow: function () {
                    var iframe = this.content;
                    var subtitlesEl = $("<div>Subtitles : <div id='subtitle' style='display: inline-block;'></div></div>");
                    iframe.after(subtitlesEl);

                    $.fancybox.update()
                }
            });

更新无效。

由于

贝

编辑 - 添加标题有效但我不确定这与我的方法有什么不同。如果我调整iframe的大小并更新fancybox不会改变大小。

任何建议表示赞赏。