Youtube iframe 嵌入，扩展为羽毛灯箱（并在 FB 时间线中工作）

Question

我只是把 FB 部分扔在那里，以防还有其他我还没有遇到的问题需要注意。

我可以让 iframe 在灯箱中打开，方法是按照羽灯页面上的第一组指示并在 iframe 中交换示例中的 div，如下所示：

<div class="row">
    <div class="small-3 display-light">
        <a href="#" data-featherlight="#mylightbox">Open element in lightbox</a>
        <iframe 
        id="mylightbox"
        width="398" height="224" src="//www.youtube.com/embed/T5Ap6rkyBHY?&w=398&h=224"></iframe>

    </div>
</div>

问题与示例相同。在触发灯箱事件之前，我不希望显示（甚至加载）iframe。所以，我真正想要的是将 iframe 代码存储为 html 页面，并让灯箱获取它。

这是我假设 ajax 示例所做的：

<a href="#" data-featherlight="myhtml.html .selector">Open ajax content in lightbox</a>

但我是 jquery 的新手，不太确定如何处理 .selector 位。只是为 myhtml.html 输入我的 url 是行不通的，所以我假设我需要以某种方式连接它。我是否需要使用他们谈论的绑定选项，还是我缺少一些更简单的东西？

Answer 1

不需要将您的东西放在单独的页面中，最好已经预先加载在页面中。

只需使用特定的 CSS 选择器隐藏 iframe，例如：

.row iframe { display: none }