Solved

HTML 5 audio tag not working in Firefox 6.0.2

Posted on 2011-09-20
5
541 Views
Last Modified: 2012-05-12
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
Comment
Question by:Eric Bourland
  • 3
  • 2
5 Comments
 
LVL 51

Accepted Solution

by:
HainKurt earned 500 total points
ID: 36570837
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 36570841
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
 
LVL 3

Author Comment

by:Eric Bourland
ID: 36571223
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
 
LVL 3

Author Comment

by:Eric Bourland
ID: 36571365
I know what I need to do. I need to tell IIS 7.0 how to serve the MIME type for OGG.
0
 
LVL 3

Author Closing Comment

by:Eric Bourland
ID: 36571453
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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now