HTML5 audio tag bug in Firefox

Question

I'm building a website with a music player, using an <audio> tag.

I'm using jQuery to make some basic operation like "pause" and "play":

$("#music_player")[0].pause();

$("#music_player")[0].play();

In Chrome everything seems to be fine, but in Firefox it isn't working.

Does somebody know what is the problem? Or what other commands in JavaScript can control the audio tag?

How are you loading up $("#music_player")[0] ? Your issue might be there. — Christian, Sep 06 '11 at 21:10
I'm having the same issue, see http://stackoverflow.com/questions/16952870/cant-dynamically-load-html5-audio-with-firefox -- includes an example and jsfiddle — Jay Sullivan, Jun 07 '13 at 05:41

score 2 · Answer 1 · answered Jan 23 '13 at 18:49

2

You cannot play mp3 files in Opera and Firefox. Use both .ogg and .mp3 format to play audio in all browsers.

<audio id="music_player">
    <source src="sound.mp3"></source>
    <source src="sound.ogg"></source>
</audio>

answered Jan 23 '13 at 18:49

Dima JT

46
2

score 2 · Accepted Answer · answered Sep 06 '11 at 21:03

First of all I would suggest to follow this link: http://www.position-absolute.com/articles/introduction-to-the-html5-audio-tag-javascript-manipulation/

It give an example on how to use audio tag in html and manipulate it in javascript. If you see Your browser does not support the audio tag. instead of an audio widget, thats because your firefox version doesn't support HTML5 audio tag.

HTML5 audio tag bug in Firefox

2 Answers2