Ticket #237 (assigned enhancement)

Opened 15 months ago

Last modified 4 months ago

Support for HTML5 video tag

Reported by: vik Owned by: baiju
Priority: minor Milestone: 4.1
Component: EmbeddedPlayback Keywords:
Cc: Who will test this: And

Description

Modern browsers are now natively supporting the embedding of video using the <video> tag. Unfortunately the original plan to use ogg/theora for this was dropped, and a number of formats are now acceptable, depending on the browser and OS. E.g. Firefox 3.5 only supports ogg, Safari 4 supports h.264 (possibly others?), Chrome supports everything (ships with ffmpeg). IE8 doesn't support the video tag at all, future IEs are probably unlikely to. Which leaves a slightly messy situation, with two approaches: 1) In javascript, determine the browser's video and codec capabilities, and write HTML pointing to the appropriate source (ogv, mp4, or fallback to flv) 2) Use the html5 'source' attribute to specify multiple possibilities, and let the browser decide which one it can use.

In both cases, at least two video formats will be needed on the server: ogv and (probably) mpeg4. Transcoding will need to handle make both of these.

Also in both cases, a fallback will be required. This can either be flash video or cortado. Cortado is nice in that it can use the existing ogg stream to play the video, and is open. Flash is nice in that most browsers have it (citation needed? What is the uptake of java vs flash?), but would need a third video stream on the server (and is not open). The fallback should be relatively easy to implement in the second case by including an object tag inside the video tag - this will be ignored by browsers supporting the video tag, but used by browsers not supporting it. Will need to do some research about cortado/java vs flowplayer/flash, including bandwidth and CPU issues.

Attachments

Change History

Changed 15 months ago by jussi.talaskivi@…

You wouldn't need a third stream with Flash. It can stream H.264+AAC. You only need Ogg-Theora and MP4-H.264 files to support all browser combinations. Flash player can also be put inside the video tag. If browser supports the video tag it uses it. Otherwise browser renders the Flash-plugin.

Changed 15 months ago by vik

This site has some code with multiple fallback options; needs just ogg and mp4 on the server:  http://camendesign.com/code/video_for_everybody

Changed 7 months ago by baiju

  • status changed from new to assigned
  • owner set to baiju

Changed 4 months ago by and

  • tester set to And
  • milestone changed from 3.1 to 4.0

For plone 4, waiting for html5 functionality to improve - eg. embed code

Changed 4 months ago by and

  • milestone changed from 4.0 to 4.1

4.0 is just migration to plone 4, this is 4.1

Add/Change #237 (Support for HTML5 video tag)

Author


E-mail address and user name can be saved in the Preferences.


Action
as assigned
 
Note: See TracTickets for help on using tickets.