Does not play OGG or WebM
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>
Modified
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.
- http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.webm
- http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.ogv
You need to make sure that you send the file with a supported MIME type.
- https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
- https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media
AddType audio/ogg oga ogg AddType video/ogg ogv AddType video/webm .webmRead this answer in context 👍 0
All Replies (3)
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.
- http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.webm
- http://theactingcenterla.com/wp-content/uploads/PromoVideo-WebPage960.ogv
You need to make sure that you send the file with a supported MIME type.
- https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
- https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media
AddType audio/ogg oga ogg AddType video/ogg ogv AddType video/webm .webm
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!
You're welcome