Buongiorno a tutti, è il mio primo post qui e spero possiate avere pazienza per la mia inesperienza con html5.
La domanda è la seguente: vorrei creare una playlist tramite lista non ordinata ed eseguire ogni mp3 della lista attraverso lo stesso player audio, usando il tag audio di html5.
Il problema è che, se clicco su un mp3 della lista, questo anzichè partire sul player audio sopra la lista, parte in una nuova pagina a sfondo nero con il solo player in evidenza.
Insomma, giustamente il browser legge l'mp3 in una pagina a parte, ma io vorrei che lo linkasse al player audio posto sopra la playlist, come in un vero plugin.

Questo è il mio codice HTML:

<audio controls id="player">
<source src="01 Scusate.mp3" type="audio/mp3">
<source src="22 Gli affitti.mp3" type="audio/mp3">
</audio>
<ul id="playlist">
<li class="playlist"><a href="01 Scusate.mp3" class="p">prova1</a></li>
<li class="playlist"><a href="22 Gli affitti.mp3" class="p">prova2</a></li>
</ul>

Qualcuno saprebbe suggerirmi la soluzione???
Grazie mille a chi vorrà aiutarmi...