How do I fix the HTML5 audio player code on my website?
I have a website, the URL is <theortegafamily.net> currently, and I use it for my music. I use the HTML5 audio player in the website, and you'll notice that on Firefox it works on the <theortegafamily.net/music.html> page, but not on the <theortegafamily.net/Our_Stuff/Nicolas/my_music.html> page. However, if you go to these two pages on Chrome, it does work.
I looked at the w3schools page on HTML5, and yes, I have all three audio formats there, you can even look at the code and you'll see that it's there.
So what I was wondering is if there's a simple way for me to just change the code on the website a little and it will work, or if it's a Mozilla problem and I'll have to wait for Mozilla to fix it.
Additional System Details
- Shockwave Flash 11.2 r202
- Mime Type x-skype for Skype Buttons
- The next generation Java plug-in for Mozilla browsers.
- This plug-in detects the presence of iTunes when opening iTunes Store URLs in a web page with Firefox.
- The Totem 2.30.2 plugin handles video and audio streams.
- DivX Web Player version 184.108.40.206
- User Agent: Mozilla/5.0 (X11; Linux i686; rv:19.0) Gecko/20100101 Firefox/19.0
Try opening the two links in both, Firefox and Chrome, you'll see that it works in Chrome, but not Firefox.
I changed the code to several alternate options (for the HTML5 audio player), but none of them fixed the problem.
It isn't the code, but likely caused because the media files are encoded with an unsupported codec.
In the first link the .wav file is played (right click: copy audio location) because the ogg file doesn't work and mp3 is not supported by Firefox.
If you want the ogg links to work you will probably have to recode them with the Theora codec.