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

Данный материал предоставлен сайтом 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 806

Вернуться назад

Все для Вебмаетера

Навигация

Комментарии

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