Firefox and video: How do I aupport Firefox on my websites?
I have an HTML5 website that I have placed a video in. I placed the following code in the website:
<video width="640" height="480" controls> <source src="path-to/new_movie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="path-to/new_movie.ogv" type='video/ogg; codecs="theora, vorbis"'> </video>
Now, it's my understanding that Ogg video is supported by Firefox. I have to put H.264 (.mp4) video first in order to support mobile browsers. The second option is the Ogg open source video standard.
Firefox gives me a 640x480 grey screen with an X in the middle. When I click on the X, I get a "media loading" symbol but nothing ever loads.
First: Does Firefox no longer support .ogv in version 9? Second: I have set up Flash in the same div for older browser support and that works just fine in Internet Exploder 7 and 8. Darn it, if IE can play a Flash version of the video, why can't Firefox? If you do support .ogv, can you please tell me how to get Firefox to see the video? I would mention that Google's Chrome (which no longer supports H.264 .mp4 files) does play back the .ogv version.
And if you do not support .ogv any more, what do you support and how can I support Firefox-compatible videos on my websites?
Edeziri
All Replies (3)
This is the same code! The only difference is that I have a source pointing to an .mp4 movie first in my page. Firefox does not play the movie and does not find the Ogg movie after the .mp4 movie. Furthermore Firefox (with the Adobe Flash plugin)does not find the Flash movie after the Ogg. Microsoft's IE finds Flash, to the extent it does not understand the
I must have the .mp4 movie first for the mobile browsers (possibly excepting Firefox Mobile, which does not run on iOS).
Can you please look at: http://www.readingsbykaren.com/new/
Or http://www.readingsbykaren.com/ after 10:35 AM Eastern Standard Time.
This is on the home page of the website and I would really like for this to work for Firefox users. In that it works for all other browsers tested, I am wondering if there is something specific that Firefox needs that makes it incompatible with everything else.
That file is send as text/plain by the server, so you need to configure the server to send the file with a supported MIME type.
- https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media
- https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
- http://wiki.xiph.org/MIME_Types_and_File_Extensions
- AddType video/ogg ogv
It currently works with an object:
data:text/html,<object type="video/ogg" data="http://www.readingsbykaren.com/movie/new_movie.ogv" width="100%" height="100%"></object>