Solved

HTML 5 audio tag not working in Firefox 6.0.2

Posted on 2011-09-20
5
567 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 56

Accepted Solution

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

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

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article discusses how to create an extensible mechanism for linked drop downs.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

628 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