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