Solved

HTML 5 audio tag not working in Firefox 6.0.2

Posted on 2011-09-20
5
519 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
Comment Utility
0
 
LVL 51

Expert Comment

by:HainKurt
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

771 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

12 Experts available now in Live!

Get 1:1 Help Now