Audioplayer mit Songliste 9

Audio Player Tutorial Start

play pause

Hier wird die Select Liste in den Player eingefügt.

CSS

Auf dieser Seite wurde das umgebende div des Players etwas breiter gemacht und dem Select Element eine andere Hintergrundfarbe gegeben.

.slidecontainer {
width: 550px;
}
.custom-select {
font-family: Arial;
background-color: #999;
}

Script

Das Script entspricht weitesgehend dem audioPlayer7.js aus Beispiel 7 .
Lediglich das Script für die Auswahl der Select Liste aus dem vorigen Beispiel wurde angefügt.

Siehe Script Datei audioPlayer9.js

 

nächster Schritt

Audio Start / Javascript Tipps