HTML5 audio Javascript looping but

Question

function nextSong() {
    var v30 = 1;
    var v07 = 1;
    var v......[continues]
    var audioPlayer = document.getElementsByTagName('audio')[0];
    if (v07 == '1') {
        audioPlayer.src='wavs/1507.mp3';
        audioPlayer.load();
        audioPlayer.play();
    }
    if (v30 == '1') {
        audioPlayer.src='wavs/1530.mp3';
        audioPlayer.load();
        audioPlayer.play();            
    }
    if (......[continues]
}

This current configuration plays and loops the '1530.mp3', shouldn't it also play and loop '1507.mp3' too? Im open to any new method of doing this, like an array, which i think would be a better option. Just not so sure how to do so.

Answer 1

audioPlayer.src='wavs/1507.mp3';
audioPlayer.src='wavs/1530.mp3';

You are setting the source twice on the same element, which results in it only playing the second source (1530.mp3) as it overwrites the first source (1507.mp3).

You need two audio elements to play two files.