Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 578
  • Last Modified:

HTML 5 audio tag not working in Firefox 6.0.2

Hi. I've set up a simple HTML 5 audio tag, and prepared MP3 and OGG files as the source audio. I use this simple code:

<audio controls="controls">  
<source src="PGTeaser-LongMix-Sept19.ogg" type="audio/ogg" preload="auto" />  
<source src="PGTeaser-LongMix-Sept19.mp3" type="audio/mp3" preload="auto" />  
Please update your web site browser. 
</audio>

Open in new window


It works great in MSIE 9, but not in FF 6.0.2. Please take a look:

http://www.judybyron.com/perfectgirls/pg_audio1.html

Any ideas why this is not working in FF 6?

My client computer is Windows 7 64-bit.

Thank you for any advice.

Eric
0
Eric Bourland
Asked:
Eric Bourland
  • 3
  • 2
1 Solution
 
HainKurtSr. System AnalystCommented:
0
 
HainKurtSr. System AnalystCommented:
what about this

<audio controls="controls">  
<source src="PGTeaser-LongMix-Sept19.mp3" type="audio/mp3" preload="auto" />  
Please update your web site browser.
</audio>

or

<audio controls="controls">  
<source src="PGTeaser-LongMix-Sept19.mp3" type="audio/mp3" preload="auto" />  
<source src="PGTeaser-LongMix-Sept19.ogg" type="audio/ogg" preload="auto" />  
Please update your web site browser.
</audio>
0
 
Eric BourlandAuthor Commented:
HainKurt, thanks for your notes.

>>>it says file is missing

Weird. I see the file with that exact filename in the correct directory.

I wonder if I encoded the OGG file in a way that FF will not read.

I did try those other <audio> options.

I'm gonna reencode this OGG file from the original MP3 and see what that does. I'll let you know what happens.

Thank you again. Hope you are well.

Eric
0
 
Eric BourlandAuthor Commented:
I know what I need to do. I need to tell IIS 7.0 how to serve the MIME type for OGG.
0
 
Eric BourlandAuthor Commented:
This was the clue that helped me. I needed to add mime type audio/ogg to IIS 7. Works like a charm now. Thanks, HainKurt! Take care.

Eric
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now