switch audio source with jquery and HTML5 audio tag

Question

I have only found one other solution but it was incomplete so I need help here.

i have the audio set up:

Answer 1

You might also want to rename the function since 'change' is already a function in the jQuery universe.

Answer 2

Your change function should be like this:

function change(sourceUrl) {
    var audio = $("#player");      
    $("#ogg_src").attr("src", sourceUrl);
    /****************/
    audio[0].pause();
    audio[0].load();//suspends and restores all audio element

    //audio[0].play(); changed based on Sprachprofi's comment below
    audio[0].oncanplaythrough = audio[0].play();
    /****************/
}

The problems were audio.empty() and the audio var. You were attempting to append an emptied audio tag, and didn't write out the audio tag back to the browser.