HTML5 video works in Firefox but not IE

The HTML5 video player (JW Player) on this page works fine in Firefox, Chrome, Safari, Opera, but not IE: http://bit.ly/9mR6Wy

If you scroll through the carousel component, you'll notice the video's width gets "crushed" on IE and the text next to it, visible on the othe开发者_JAVA技巧r browsers, isn't displayed. The video slides are 1 and 5 in the carousel component.

What am I doing wrong? Your help is much appreciated.

Video JS is a video javascript library that seems to work on all major browsers including IE (HTML5 in IE9, fallback to Flash in IE6-8). They have a demo on the site you can test out.

I'd also recommend looking at the Dive Into HTML5 Video article. It has a technical description of the challenges of using the new tag and discusses methods to make it work cross-browser. These techniques are what is being used by Video JS and other libraries.

Internet Explorer doesn't support HTML5 video. Some form of HTML5 video may make it into IE9, but until then you're out of luck.

Try with IE9 beta.