Search code examples
htmlogghtml5-video

.ogg video not playing in firefox


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.


Solution

  • 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;