.ogg video not playing in firefox

Question

We're just getting started with html5 video, and cannot seem to get .ogg files to play in Firefox, any tips? Here is the source we are using:

<video width="640" height="360" poster="http://video.thewebreel.com/episode_001/episode_001.jpg" controls autoplay autobuffer>
  <source src="http://video.thewebreel.com/episode_001/episode_001.ogg" type="video/ogg" type='video/ogg; codecs="theora, vorbis"'/>
  <source src="http://video.thewebreel.com/episode_001/episode_001.mp4" type="video/mp4" />
</video>

The live example can be seen here:

http://thewebreel.com/2010/05/02/episode-1.html

However we are totally baffled, everything seems exactly right.

Duplicate of http://stackoverflow.com/questions/2643447/html5-video-mp4-and-ogv-problems-in-safari-and-firefox-but-chrome-is-all-good/2644341 — hsivonen, May 03 '10 at 07:13
copy/paste error, that wasn't the issue it seems, but thanks for noticing. — JP Silvashy, May 03 '10 at 17:26

Galen · Accepted Answer · 2010-05-04T14:58:41.240

18

I uploaded your .ogg to my server suspecting it was a server issue and it's working fine on my server

I'm guessing it's because your web server is replying with

Content-type: binary/octet-stream

Try adding the mime types to nginx...

Open up the Nginx mime type configuration file, eg: /etc/nginx/mime.types

Add these lines after the last video mime type

video/ogg                             ogm;
video/ogg                             ogv;
video/ogg                             ogg;

edited May 04 '10 at 14:58

answered May 03 '10 at 07:01

Galen

29,976
9
71
89

I'm using Amazon S3, do you think I should use: `video/ogg` or `application/ogg` for some reason their docs say `application/ogg` I'm not really clear, thanks again! – JP Silvashy May 04 '10 at 04:54
i'd try application/ogg since that's what their docs say. my server replies with that and it works. – Galen May 04 '10 at 15:02
1

application/ogg should work (and used to be recommended), but technically nowadays you should use video/ogg. http://blog.gingertech.net/2008/09/05/new-ogg-mime-types-ratified/ – Kelly Clowers May 05 '10 at 17:53
1

I’d also add audio/ogg mime-type for the .oga extension for good measure. :) – Jeremy Visser Jun 28 '10 at 12:34

score 2 · Answer 2 · edited May 23 '17 at 12:31

2

In one of the links mentioned, the correct way to play ogg files is..

<audio preload="auto" controls="controls">
  <source src="media/song.ogg" type="application/ogg">
</audio>

Thanks to the person who pointed it out here. HTML5 video (mp4 and ogv) problems in Safari and Firefox - but Chrome is all good

edited May 23 '17 at 12:31

Community

1
1

answered Jun 19 '12 at 07:32

Viju

101
1
4

score 2 · Answer 3 · answered Sep 14 '14 at 18:50

The correct mime types to set on your server are

AddType audio/ogg .oga (audio oga file)
AddType video/ogg .ogv (video ogv file)
AddType application/ogg .ogg (for audio and video)

Sources:

Estelle Folle · Answer 4 · 2011-04-20T15:40:20.917

1

Ogg videos play were playing on Firefox 3.6 but not 4.0.

Here's the solution: video autobuffer controls preload="auto" instead of video controls preload="none"

This works in Firefox 3.6 and 4.0 and now MSIE 9!

edited Apr 20 '11 at 15:40

answered Apr 20 '11 at 02:17

Estelle Folle

11
2

lol, totally, html5 video support has a long way to go, its sad that the barriers are licensing, its resulting in a crappier experience for everyone. – JP Silvashy Apr 20 '11 at 03:02

.ogg video not playing in firefox

4 Answers4

Linked