Why is it that html 5 audio tag doesn't work on FF?

Question

I've build an web application which plays some songs by using the html5 audio tag. When I'm using FF(firefox) I have to play ogg files, and on IE I have to play mp3 files.

The problem is that i just moved my webapp on godaddy servers, and the FF doesn't play the sounds anymore. On localhost FF play the sounds, but not on godaddy. Chrome plays the sounds on localhost as on godaddy.

This is the code I've use:

<audio id="ff01" src="/files/hello.ogg"></audio>
<audio id="ie01" src="/files/hello.mp3"></audio>
<button class="btn" onClick="document.getElementById('ff01').play()">FF</button>
<button class="btn" onClick="document.getElementById('ie01').play()">IE</button>

Can you tell me why the Firefox plays the files on localhost, but not on godaddy?

Answer 1

I solve it by adding the following in the .htaccess file

AddType audio/ogg .ogg
AddType audio/mp3 .mp3

Answer 2

You should specify the mime type and place each audio file as children of the audio tag; try this:

<audio id="01">
  <source src="/files/hello.ogg" type="audio/ogg">
  <source src="/files/hello.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>