views:

557

answers:

1

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.

+4  A: 

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;
Galen
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!
Joseph Silvashy
i'd try application/ogg since that's what their docs say. my server replies with that and it works.
Galen
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
I’d also add audio/ogg mime-type for the .oga extension for good measure. :)
Jeremy Visser