» » » Адаптивный плеер 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
  • 202
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.