Найти в Дзене
Роман О.

Резиновый плеер youtube на сайте DLE 14

При вставке медиа на сайт с DLE 14 плеер youtube c параметрами [media=800x400] при просмотре сайта со смартфона плеер обрезался на половину своего размера, понадобилось сделать его резиновым (адаптивным). Возможно кому-то пригодится.
Открываем файл engine/classes/parse.class.php и ищем
return '<!--dle_media_begin:'.$decode_url.'-->'.$html.'<!--dle_media_end-->';
строчка 837, и заменяем на

При вставке медиа на сайт с DLE 14 плеер youtube c параметрами [media=800x400] при просмотре сайта со смартфона плеер обрезался на половину своего размера, понадобилось сделать его резиновым (адаптивным). Возможно кому-то пригодится.

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

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

строчка 837, и заменяем на

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

Далее открываем файл tamplates/ваш шаблон/css/style.css

и вставляем :

.youtube-video {

position: relative;

padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */

height: 0;

overflow: visible;

}

.youtube-video iframe {

display:block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

Сохраняем и радуемся! Спасибо за внимание! ))))