Wednesday, May 28th, 2008
HTML5 Video tag implemented in Flash
asically, this parses out VIDEO element / tag and its attributes, and replaces it with the appropriate OBJECT or EMBED element to display a Flash video player that loads the specified video. It has support for playing back both h264 content and FLVs.
It uses the SWFObject JavaScript library to display the Flash content.
Currently the following VIDEO attributes are implemented:
- controls
- poster
- autoplay
- width
- height
- playcount
The tricky part will be cleanly implementing the VIDEO DOM scripting API, although I believe that that should also be possible.
To get it working, you just need to include the shim along with the video tag:
- <script type="text/javascript" src="swfobject/src/swfobject.js"></script>
- <script type="text/javascript" src="html5_video.js"></script>
- <video src="http://onair.adobe.com.edgesuite.net/onair/raulph_hauwert_papervision3d.flv"
- controls
- poster="testpattern.png"
- autoplay="true"
- width="640"
- height="360"
- playcount="500">
- </video>
To see an example, go here, and then take a peak at the shim code itself.
Related Content:
4.6 rating from 9 votes
Mike knows that Flash doesn’t meet the requirements for the tag, so this feels like Adobe is pulling a Microsoft by hijacking the tag before it’s even been established. If that hadn’t occurred to him, it still seems like bad form at the very least.
As for making it easier to embed Flash by just using HTML markup, thousands of sites use Objecty (http://wiltgen.net/objecty/) for this today. Unlike SWFObject, it supports all major video formats and services, too.
@CharlesW1
-This is a proof of concept to explore the feasibility of implementing the VIDEO tag in JavaScript. This was done by me, and not Adobe (although I work for Adobe).
-Any implementation would be up to the individual developer, and affect only the developer’s sites.
-The requirements for the tag have not been finalized, so whether or not flash meets them is still up in the air.
-This isnt specific to Flash. It could also be done with any other media player.
-As I posted in my blog post, the concept of implementing HTML 5 features outside of the browser is not new. In fact, it is something that Google has been pretty active with via Google Gears.
mike chambers
mesh@adobe.com
Maybe this would be okay if VIDEO is not supported. That makes it be like Screaming Monkey or Dean Edwards’ IE7 or…