CODEWITHSUNDEEP
javascripthtml5-audio
Aliénor Latour
Aliénor Latour

Reputation: 78

<audio> src change with javascript

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 ?

Upvotes: 6

Views: 18111

Answers (1)

lonesomeday
lonesomeday

Reputation: 238095

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();

Upvotes: 16

Related Questions