Адаптивный плеер Youtube. Резиновая ширина для DLE
Данный материал предоставлен сайтом All4Cms.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Адаптивный плеер Youtube. Резиновая ширина для DLE.
Скачать бесплатно Адаптивный плеер 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 468