Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I would like to play big mp3 file (30MB) with tag in my web site, but it doesn't seem like working on Firefox 8.0 and Chrome 16.0.912. It works well with Safari tho. Under Firefox and Chrome, small mp3 file works but not big one. Here's simple codes I used:

<audio autobuffer controls>
<src="mp3 file" preload="auto">

Is it the problem of browsers?

share|improve this question
up vote 1 down vote accepted

Safari is just doing the best job of the three (Safari, Chrome, and Firefox) which currently support this element in handling the errors presented to it via the syntax you've used.

It should look like this:

<audio controls preload="auto">
    <source src="song.mp3" type="audio/mpeg" />
    This text displays if the audio tag isn't supported.

The autobuffer attribute doesn't exist in HTML and should be removed.


  1. W3Schools
  2. W3C HTML5 Spec Section 4.8.7: The audio element
share|improve this answer

First of all, your syntax is incorrect. It should be:

<audio controls preload="auto"> 
    <source src="file.mp3" />

It appears that Safari is reading your code as intended, while Firefox/Chrome is reading it as written; i.e. with and without the preload attribute.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .