Featherlight.js 插件：内容为 iframe 时灯箱的宽度问题

Question

使用 Featherlight jQuery 插件并将文本设置为我的灯箱的内容，我的灯箱的宽度约为屏幕的 80%：http://goo.gl/4BVzHM。但是，如果我用 YouTube iframe 替换文本，灯箱的宽度会减小到 500px 左右，从而裁剪视频。

代码：

<a id='open_lightbox' data-featherlight='.lightbox_content' href='#'>open lightbox</a>
<div class='lightbox_content'>
    <iframe width="1280" height="720" src="https://www.youtube.com/embed/g7fbe-oV-X0?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

我也尝试过使用jQuery绑定方法：

$( '#open_lightbox' ).featherlight(
    {
        iframe: 'https://www.youtube.com/embed/g7fbe-oV-X0?rel=0', 
        iframeWidth: 1200,
        iframeHeight: 800
    }
);

同样的问题。

（视频上下也有细细的白色横条，我不明白为什么）

Answer 1

去除背景白色

将 background: none; 添加到 featherlight-content div

要更改宽度，请使用“!important”

style="width: 600px !important;

Featherlight.js 插件：内容为 iframe 时灯箱的宽度问题

Featherlight.js plugin: lightbox's width issue when content is an iframe

featherlight.js