В 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"/>');

Известно, что jevix очень хорошо очищает код от всяких там object, embed и прочего.

Если вставить код видео uppod или любого другого, то ничего не выйдет. Для этого создан специальный тег для разных сервисов вроде ютуба, который парсит ссылку и рожает из нее видео прямо в страницу.

Однако у меня совсем другая задача — мне надо вставить код моего собственного плеера, который состоит из object → param (uppod). Отчаявшись ковырять Text.class.php (в котором вроде разрешил все что можно), прошу помощи. Сам плеер вставляется, но пустой, он не подцепляет файл. Код на странице выглядит вроде бы нормально.

Кто сталкивался и поборол? Спасибо заранее.

SOLVED:

заместо

& amp;

в коде надо поставить

&

и тогда проблема исчезнет.