Всем привет. Вставляю видео из разных источников в статьи или куда либо еще. С мобильного телефона они вылазиют за границы дизайна. Как это можно исправить и сделать видео адаптивными? Шаблон Modern, версия instantcms последняя
Адаптивность iframe видео
Добавить куда-нибудь стили
iframe{max-width:100%}
Добавить куда-нибудь стили
iframe{max-width:100%}
К сожалению это не сработало. С мобильного все равно плеер уходит за границы....
Добавить куда-нибудь стили
iframe{max-width:100%}К сожалению это не сработало. С мобильного все равно плеер уходит за границы....
У Make было решение на его сайте. Но сайт опять на очередной реконструкции… ) Дождитесь, когда откроет, там есть пост по адаптации видео. Или его самого спросите...
Включите для поля обработку типографом и всё будет адаптивно.
Включите для поля обработку типографом и всё будет адаптивно.
А где это включается? Я вставляю видео в редакторе через поле видео, которое стандартное.
А где это включается?
В настройках поля.
А где это включается?
В настройках поля.
Поставил обработку типографом, теперь видео вовсе перестало отображаться.
Вот код с сайта Make:
<script> jQuery(document).find('iframe[src*="youtube.com"]').each(function() { var td_video = jQuery(this); td_video.attr('width', '100%'); var td_video_width = td_video.width(); td_video.css('height', td_video_width * 0.6, 'important'); }); </script>
Поместить в main.tpl перед закрывающим тегом </body>
У меня работает.
Добавить куда-нибудь стили
iframe{max-width:100%}К сожалению это не сработало. С мобильного все равно плеер уходит за границы....
У Make было решение на его сайте. Но сайт опять на очередной реконструкции… ) Дождитесь, когда откроет, там есть пост по адаптации видео. Или его самого спросите...
А что у него за сайт?
А что у него за сайт?
Это к нему вопрос. )) В профиле у него адрес есть. Но, сейчас он отключен.
теперь видео вовсе перестало отображаться.
Потому что вероятно домен для видео не разрешён. Добавьте нужный тут github.com/instantsoft/icms2/blob/master/system/controllers/typograph/hooks/html_filter.php#L92
Вот код с сайта Make:
<script> jQuery(document).find('iframe[src*="youtube.com"]').each(function() { var td_video = jQuery(this); td_video.attr('width', '100%'); var td_video_width = td_video.width(); td_video.css('height', td_video_width * 0.6, 'important'); }); </script>Поместить в main.tpl перед закрывающим тегом </body>
У меня работает.
СУПЕР!!! А как добавить другие домены по мимо youtube?
Всем огромное спасибо за помощь! Все получилось!