We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Does not play OGG or WebM

  • 3 replies
  • 8 have this problem
  • 2 views
  • Last reply by cor-el

futurex
futurex
more options

I can drop an OGG or WebM video directly onto Firefox and it will play but when using the HTML 5 Video tag the video will not play. The tags play the appropriate video in Safari and Chrome fine but not in Firefox. Here is the code: 

<video width="960" height="400" controls="controls" autoplay="autoplay" loop="loop" poster="http://theactingcenterla.com/wp-content/uploads/2010/04/Phylicia-Jackson-HomeHeader3.jpg">
<source src="http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960-600k.mp4" type="video/mp4" />
<source src="http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.webm" type='video/webm; codecs="vp8.0, vorbis"'/> 
</video>
I can drop an OGG or WebM video directly onto Firefox and it will play but when using the HTML 5 Video tag the video will not play. The tags play the appropriate video in Safari and Chrome fine but not in Firefox. Here is the code: <pre><nowiki><video width="960" height="400" controls="controls" autoplay="autoplay" loop="loop" poster="http://theactingcenterla.com/wp-content/uploads/2010/04/Phylicia-Jackson-HomeHeader3.jpg"> <source src="http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.ogv" type='video/ogg; codecs="theora, vorbis"' /> <source src="http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960-600k.mp4" type="video/mp4" /> <source src="http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.webm" type='video/webm; codecs="vp8.0, vorbis"'/> </video></nowiki></pre>

Modified by cor-el

Chosen solution

That is a problem with the server.

The WebM and OGG file are send as text/plain and that doesn't work with the video tag.


You need to make sure that you send the file with a supported MIME type. 

AddType audio/ogg oga ogg
AddType video/ogg ogv
AddType video/webm .webm
Read this answer in context 👍 0

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

That is a problem with the server.

The WebM and OGG file are send as text/plain and that doesn't work with the video tag.


You need to make sure that you send the file with a supported MIME type. 

AddType audio/ogg oga ogg
AddType video/ogg ogv
AddType video/webm .webm
futurex
futurex Question owner
more options

Worked perfectly. We're on GoDaddy so I just added the above 3 lines to the root level .htaccess file and it worked like a charm.

Thanks!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome