Шаблон Modern адаптивность iframe

ЕСТЬ РЕШЕНИЕ InstantCMS 2.X

Адаптивность iframe видео

#1 28 октября 2021 в 21:45

Всем привет. Вставляю видео из разных источников в статьи или куда либо еще. С мобильного телефона они вылазиют за границы дизайна. Как это можно исправить и сделать видео адаптивными? Шаблон Modern, версия instantcms последняя

#2 28 октября 2021 в 22:01

Добавить куда-нибудь стили

  1. iframe{max-width:100%}
#3 29 октября 2021 в 11:00

Добавить куда-нибудь стили

  1. iframe{max-width:100%}
Нифигаccе о-го-гошеньки

К сожалению это не сработало. С мобильного все равно плеер уходит за границы....

#4 29 октября 2021 в 11:19

Добавить куда-нибудь стили

  1. iframe{max-width:100%}
Нифигаccе о-го-гошеньки

К сожалению это не сработало. С мобильного все равно плеер уходит за границы....

mindw0rk

У Make было решение на его сайте. Но сайт опять на очередной реконструкции… ) Дождитесь, когда откроет, там есть пост по адаптации видео. Или его самого спросите...

#5 29 октября 2021 в 11:43

Включите для поля обработку типографом и всё будет адаптивно.

#6 29 октября 2021 в 13:01

Включите для поля обработку типографом и всё будет адаптивно.

Fuze

А где это включается? Я вставляю видео в редакторе через поле видео, которое стандартное.

#7 29 октября 2021 в 13:02

А где это включается?

В настройках поля.

#8 29 октября 2021 в 13:39

А где это включается?

В настройках поля.

Fuze

Поставил обработку типографом, теперь видео вовсе перестало отображаться. 

 

#9 29 октября 2021 в 13:46

Вот код с сайта Make

  1. <script>
  2. jQuery(document).find('iframe[src*="youtube.com"]').each(function() {
  3. var td_video = jQuery(this);
  4. td_video.attr('width', '100%');
  5. var td_video_width = td_video.width();
  6. td_video.css('height', td_video_width * 0.6, 'important');
  7. });
  8. </script>

Поместить в main.tpl перед закрывающим тегом </body>

У меня работает.

#10 29 октября 2021 в 13:47

Добавить куда-нибудь стили

  1. iframe{max-width:100%}
Нифигаccе о-го-гошеньки

К сожалению это не сработало. С мобильного все равно плеер уходит за границы....

mindw0rk

У Make было решение на его сайте. Но сайт опять на очередной реконструкции… ) Дождитесь, когда откроет, там есть пост по адаптации видео. Или его самого спросите...

Викторыч

А что у него за сайт?

#11 29 октября 2021 в 13:49

А что у него за сайт?

mindw0rk

Это к нему вопрос. )) В профиле у него адрес есть. Но, сейчас он отключен.

#13 29 октября 2021 в 13:53

Вот код с сайта Make

  1. <script>
  2. jQuery(document).find('iframe[src*="youtube.com"]').each(function() {
  3. var td_video = jQuery(this);
  4. td_video.attr('width', '100%');
  5. var td_video_width = td_video.width();
  6. td_video.css('height', td_video_width * 0.6, 'important');
  7. });
  8. </script>

Поместить в main.tpl перед закрывающим тегом </body>

У меня работает.

Викторыч

СУПЕР!!! А как добавить другие домены по мимо youtube?

#15 29 октября 2021 в 14:04

Всем огромное спасибо за помощь! Все получилось!

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.