Плагин Featherlight.js: проблема с шириной лайтбокса при контенте iframe

Question

Использование плагина jQuery от Featherlight и настройка текста в качестве содержимого моего лайтбокса, ширина моего лайтбокса составляет около 80% экрана: http://goo.gl/4BVzHM. Но если я заменю текст на YouTube iframe, ширина лайтбокса уменьшится до 500 пикселей или около того, обрезая видео.

Код:

<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 ДИВА

Чтобы изменить ширина используется '! important`

style="width: 600px !important;