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!

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Firefox and video: How do I aupport Firefox on my websites?

  • 3 回覆
  • 17 有這個問題
  • 3 次檢視
  • 最近回覆由 cor-el

more options

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?

I have an HTML5 website that I have placed a video in. I placed the following code in the website: <pre><nowiki> <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> </nowiki></pre> 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?

由 the-edmeister 於 修改

所有回覆 (3)

more options
more options

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.

more options

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.

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