В Bootstrap-е есть замечательная возможность сделать встраиваемые видео адаптивными. Для этого нужно для iframe (или object) видео присвоить класс embed-responsive-item, а затем обернуть в блок с классом embed-responsive embed-responsive-16by9 (source).

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="..."></iframe>
</div>

Естественно, это будет работать только на bootstrap-based скинах. Благо, таковых много, в основном благодаря vOFFka , за что ему огромное спасибо!

Задумался, как реализовать это в Livestreet:
Все работает, если подкорректировать замену тега video, добавив указанную выше конструкцию в Text.class.php.

Однако подобные изменения коснутся любого скина. У нас же фича скин-специфичная.

Вопрос:
Как реализовать подобную обертку, чтобы она работала только для определенного скина? М.б. js?

UPD: Решение при помощи js:
В файл template.js в шаблоне добавляем две строки:

$("iframe").addClass('embed-responsive-item');
$("iframe").wrap('<div class="embed-responsive embed-responsive-16by9"/>');

Вопрос применительно «резиновых» настроек. Заметил, что если вставить изображение без выравнивания, то ему задается свойство max-width: 100%.
Но если использовать выравнивание, то этого свойства нет. Соответственно, при уменьшении окна браузера такая картинка обрезается (после момента превышения ею ширины контентной части).
Вопрос:
Можно ли как-то вычислить ширину вставляемого изображения в процентах (javascript?) и добавить ему свойство max-width: XX%? В данном случае размер картинки будет всегда пропорционален ширине контентной части.