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


В конструкторе есть модуль Плейлист, позволяющий настроить дизайн плейлиста — расположение, горизонтальное или вертикальное направление, цвета, размеры и так далее. Дополнительно можно настроить форматирование контента внутри каждого элемента плейлиста с помощью простой 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%
}

19.10.5
2024 © PlayerJS

Регистрация

Создать аккаунт
Регистрируясь, вы принимаете Пользовательское соглашение
Войдите, если уже есть аккаунт

Восстановить пароль

Восстановить
Если вы забыли свой email, напишите нам