КАСТОМИЗИРУЕМЫЙ ПЛЕЕР
Плеер, автопроигрывающий несколько песен подряд пока не остановите. Можно настраивать оформление.
Автор скрипта: @Emerael
Код состоит из трёх частей:
самого кода плеера - ставить туда где должен сам плеер стоять;
CSS-стилей - ставить либо рядом с плеером чтобы не потерять, либо в стиль без тегов <style>, либо в html-верх;
скрипт, заставляющий всё это дело работать - Ставить строго после первой части.
В data-tracks нужно ставить ссылки на mp3. Если хотите несколько песен, разделяйте их сочетанием <>. Пример в коде:
Как настраивать:
player-wrapper - все, что содержит плеер;
play-pause - кнопка плеепаузы, для конкретно кнопки в состоянии "паузы" юзаем селектор .play-pause.paused ;
.track - прогрессбар трека;
.volume - полоска громкости;
.thumb - кружочки внутри предыдущих 2 пунктов;
Чтобы добавить кнопки-переключатели между треками:
Автор: @Gerda
Чтобы добавить кнопку для зацикливания трека:
Авторы: @Gerda & @Emerael
- Подпись автора
Отвечаю на вопросы вот здесь | Мой блог
"Никогда не сомневайтесь в себе и любите каждую свою работу, даже если она кажется вам грязью на окне. Через это окно люди смотрят на мир, тогда как разводы замечаете только вы." © Николай Ободников. "Лиллехейм. Волчий ветер