647372 - Use WebM video with Flash fallback for GML overview

Status: RESOLVED FIXED

(Websites Graveyard :: markup.mozilla.org, enhancement)

Description

[Fred Wenzel [:wenzel]]

about/gml/ has a Flash video on it. Flash on a site that should show off HTML5 capabilities might be perceived as ironic.

If we have a copy of the video file (WebM or not), we can upload a WebM version to videos.mozilla.org -- with that, we can use a video tag with flash fallback for this.

Fallback is simple, an example is in this blog post: http://blog.mozilla.com/?p=3116

Comment 1

[Stephen Donner [:stephend] Not actively reading bugmail]

On other sites (Mozilla.com, SUMO), I think we also support OGG for Firefox 3.0 versions -- don't know if we want to do that, here, though.

Comment 2

[Laura Mesa [:lmesa] [:lvmesa]]

(In reply to comment #1)
> On other sites (Mozilla.com, SUMO), I think we also support OGG for Firefox 3.0
> versions -- don't know if we want to do that, here, though.

We should have mp4, ogg and webm for the site to stay consistent.

Comment 3

[claudia // barbarian]

Barbarian Group has saved out the video assets in the preferred formats. Can be accessed on our staging server.

http://staging.barbariangroup.com/1851/gml_videos/43861887.webm
http://staging.barbariangroup.com/1851/gml_videos/43861887.theora.ogv

U: ffdemo
PW:  m0z1lla

Comment 4

[Fred Wenzel [:wenzel]]

Let's keep this one open until the code has landed. I'll file a bug for IT to put this on videos.mozilla.org.

Further, we can create the missing .mp4 file.

Assigning to myself for now, I'll assign it back when the files have been deployed.

Comment 5

[Fred Wenzel [:wenzel]]

Done. The three videos are available here:

http://videos.mozilla.org/serv/flux/markup/

Please look at the HTML source of the blog post in comment 0. I believe the video tags need to be added in with MP4 first, then webm, then ogg, then the Flash fallback.

Let me know if you have any questions.

Comment 6

[Adam Miller]

Completed here too. Wasn't sure if using the iframe embed from vimeo was OK as a fallback, but it seems to work fine. 

https://github.com/mozilla/markup/commit/810eb43f662d5618db7209208d92f51a75de5e46

Comment 7

[Fred Wenzel [:wenzel]]

Yup that should work. Thanks!