<audio> src change with javascript

6
votes

I want to change the src attribute of a tag using javascript and a button :

<audio id="playme" src="" controls="controls">Your browser...</audio>

And a little further down the page :

<input type="button" style="font-size: 10px;"
        OnClick="document.getElementById('playme').src='snd/SOUND.WAV';"
        value="Listen">

It seems to just do nothing. Anyone has a clue ? Thanks a million

Using Firefox 3.6 on Xubuntu 10.10

EDIT : it seems to work on Chrome but Firefox doesn't like it. Should I report a bug ? Do you know a way to bypass that ?

1
javascripthtml5-audio

1 Answers

15
votes

I believe you have to tell the browser to load the new file when you change the src attribute, by calling load:

var playme = document.getElementById('playme'); playme.src='snd/SOUND.WAV'; playme.load();