Для прослушивания всех песен жмем кнопку "играть". По окончании проигрывания 4 песен плейлист не будет проигрывать вновь с первой песни. Можно поэкспериментировать . Для выбора песни пользуемся кнопками перехода - "вправо" и "влево". Для закрытия плейлиста жмем зеленые кнопочки. Строка скрывается. Когда будут закрыты все песни плейлист закроется. Для его включения появится новая надпись. Ее включаем и слушаем вновь.

Танюша! слушаю, смотрю... Благодарю, мастерица!

Красиво,Таня!Но кнопки зеленые оставила зря..кое кто не читает комментов автора под постом

Ответ на комментарий starik51 # Кнопки оставила, т.к. хотела узнать их назначение. А вот плеер сместить на желаемое расстояние вправо не получается.

Ответ на комментарий Татьяна_Волкова_Литвинова # Там в коде CSS есть container и есть margin-left и margin-top в стиле ..поиграй ими тебе надо увеличить их размер..он сместится влево и вниз...но вроде ты уже сделала?

Ответ на комментарий starik51 # Да, но при их увеличении появляется прокрутка справа и внизу. А как от нее избавиться? Прописать ::-webkit-scroll{width:0 px; ? Куда?

Ответ на комментарий Татьяна_Волкова_Литвинова # В самый верх..выше всего! в CSS прокрутки не будет. А это плейлист с прозрачным плеером и 20 песен https://www.beesona.pro/id23039/playcast/364986/
на Лиру потом сделаю с другим фоном

Ответ на комментарий starik51 # Я посмотрела на Безоне. Здорово! Мне понравился плеер. Музыку... послушала одну песню. Потом на Ли.ру еще послушаю.
Прокрутку ... пыталась убрать. Что-то не получилось.

Ответ на комментарий Татьяна_Волкова_Литвинова # ::-webkit-scrollbar {
width: 0px;
} ты не правильно написала

Ответ на комментарий starik51 # Дописала } , а в результате появилась внизу белая полоса, но удалось чуть чуть сместить