HTML5 Audio - My HTML5 Audio Stack won't play

Audio hosting is tricky, and it's hard to get right first time. Here are a few simple troubleshooting steps to get things running smoothly.

Check your server settings

To play correctly in Firefox, your server needs to be sending video files using the correct mimetype. To ensure that your server is playing nicely, create a file called .htaccess in the root of your site, and add the following lines:
AddType audio/ogg .ogg
AddType audio/mpeg .mp3
AddType audio/wav .wav

If you're not using Apache to serve your files, then the above settings have to be altered slightly. Instructions on how to set up mimetypes for windows servers can be found here for IIS6 and IIS7.

Check your Flash security settings

If you're having problems getting your videos to work locally, make sure you go to the Flash Security Settings page and add your working directory.