mp3 audio works in all browsers but not IE9

Question

I have three mp3 audio files that play fine in all browsers but play for only 1.x seconds in IE9 unless I change "controls" to "autoplay" in which case it plays just fine.

I was then sent the original, unedited file in .wav format. I encoded it myself to mp3 but have the same problem.

However, if I create my own mp3 audio file and insert it into the same markup, it works in all browsers, including IE9 with the "controls" attribute.

I can only think there is something about the settings in the original audio file that would cause the issue but don't have a clue what that could be.

Here is the test markup:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title> 
</head>
<body>
<audio src="poem.mp3" controls >
</body>
</html>

EDIT:

I put three audio files on the page. Sometimes one or two will play all the way through while the third won't play at all. Other times, two will play for a second but the third does nothing.

An interesting thing is that I edited the file, reloaded, and it worked...once. Clearing cache and reloading the page and it doesn't play. — Rob

jon jon · Accepted Answer · 2013-03-13T18:00:30

In case anyone is still dealing with this issue, I use the standard <audio> markup for mp3.

<audio controls="controls" preload="auto">
<source src="http://www.davehullthehullabalooer.com/help(5).mp4" type="audio/mp4"/>
<source src="http://www.davehullthehullabalooer.com/help.ogv" type="audio/ogv"/>
<source src="http://www.davehullthehullabalooer.com/help.webm" type="audio/webm"/>
<source src="http://davehullthehullabalooer.com/add-for-beatles-page-188.mp3" type="audio/mp3"/>
</audio>

In IE9: Internet options > Advanced Tab > Multimedia, I select "Play sounds in webpage"

All good!

mp3 audio works in all browsers but not IE9

4 Answers