html5 звук не играть следующую песню

Question

У меня есть html5 код, как этот

<audio controls autoplay> 
    <source src="song/1.mp3" type="audio/mpeg"> 
    <source src="song/2.mp3" type="audio/mpeg"> 
    <source src="song/3.mp3" type="audio/mpeg"> 
    Your browser does not support the audio element. 
</audio> 

почему это играть только Lastest песню 3.mp3? Как я могу дать ему авто воспроизводить всю песню 1.mp2->2.mp3->3.mp3?

Answer 1

Вы можете использовать отдельный тег для каждого аудио

<audio controls autoplay> 
    <source src="song/1.mp3" type="audio/mpeg"> 
    Your browser does not support the audio element. 
</audio> 
<audio controls> 
    <source src="song/2.mp3" type="audio/mpeg"> 
    Your browser does not support the audio element. 
</audio> 
<audio controls> 
    <source src="song/3.mp3" type="audio/mpeg"> 
    Your browser does not support the audio element. 
</audio> 

или создать элемент управления списка воспроизведения, как этот https://www.script-tutorials.com/html5-audio-player-with-playlist/