Все для CMS » DataLife Engine » Хаки и модули » Адаптивный плеер Youtube. Резиновая ширина для DLE

Адаптивный плеер Youtube. Резиновая ширина для DLE

  • 0
Данный материал предоставлен сайтом All4Cms.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Адаптивный плеер Youtube. Резиновая ширина для DLE.

Открываем файл engine/classes/parse.class.php

Строка примерно 818 находим -

return '<!--dle_media_begin:'.$decode_url.'-->'.$html.'<!--dle_media_end-->';

меняем на - 

return '<!--dle_media_begin:'.$decode_url.'--><div class="youtube-video">'.$html.'</div><!--dle_media_end-->';

Открываем файл - templates/ваш шаблон/css/engine.css

добавляем стиль -

.youtube-video {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

Теперь каждое новое добавленное видео будет растягиваться по ширине.

Для старых видео, перестраиваем публикации.

Источник: http://marik.kz/


  • Хаки и модули
  • 24-10-2019, 14:59
  • 1 714
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.