Форматирование плейлистов

В конструкторе есть модуль Плейлист, позволяющий настроить дизайн плейлиста — расположение, горизонтальное или вертикальное направление, цвета, размеры и так далее. Дополнительно можно настроить форматирование контента внутри каждого элемента плейлиста с помощью простой HTML верстки в параметре title. Например, там можно разместить картинку и длительность.

Чтобы картинка растягивалась на всю ширину элемента, нужно обнулить в настройках модуля опцию Размер активной иконки. Посмотреть все настройки можно в этом шаблоне (плейлист указан в Настройки / Файл). Форматирование элемента плейлиста:

{"title":"<img src='ссылка-на-картинку' width='100%'><div style='position:absolute;right:15px;top:15px;background:#ff0000;color:#fff;padding:0 5px;font-size:70%'>00:48</div>Первое видео","file":"ссылка-на-видео-или-аудио"}

На своем сайте стоит перенести CSS наружу и назначить нужным элементам идентификаторы стилей.

{"title":"<img src='ссылка-на-картинку' class='playlist_poster'><div class='playlist_duration'>00:48</div>Первое видео","file":"ссылка-на-видео-или-аудио"}

CSS:

.playlist_poster{
   width:100%
}
.playlist_duration{
   position:absolute;right:15px;top:15px;background:#ff0000;color:#fff;padding:0 5px;font-size:70%
}

---