Here is a summary of the blog post “HTML5 Video Support in IE9 Mobile” on Windows Phone Developer blog.

HTML5 video is one of the most visible and easily adoptable features of the HTML5 standard. With the Mango release, Microsoft is adding support for the HTML5 <video> tag to the browser in a way that is standards-compliant, hardware-accelerated, and optimized for a mobile viewing experience. YouTube is already taking advantage of this support as they rolled out a new mobile site tailored for the Mango browser.

Same Implementation on Mobile and Desktop

1. Same markup: the same <video> HTML markup will run on bothIE9 desktop as well as on IE9 Mobile

2. Same format: IE9 on Mango will play HTML5 video in H.264, the most widely used video format on the mobile web.

3. Same hardware acceleration: On Mango IE9, video playback is accelerated by the GPU on the device, the same way desktop IE9 video performance leverages the GPU.

Optimized Playback Experience 

On top of the standards-compliant video HTML tag support, we designed the video viewing experience to be as simple and efficient as possible, while optimizing the viewing experience for small screens to be full-screen.

image

Start Using HTML5 Video on Your Sites

If you are already using feature detection then you are all set – the video served up on your IE9 Mobile webpage will be HTML5-based.

<video>
    <source src="video.mp4" type="video/mp4"/>
    This text only displays in browsers without video support.
</video>

You can refer to this IE blog post on detecting HTML5 video feature.

Flash / HTML5 Video Coexistence

For developers who want to target as many devices and platforms as possible, but don’t want to maintain multiple versions of the same website, it is possible to offer both Flash-based and HTML5 video in the same markup. This way, older browsers sans HTML5 video can play video using Flash, while modern browsers on either desktop or mobile platforms will happily recognize the <video> tag and start from there.

<video controls autoplay>
    <source src="video.mp4" type="video/mp4"/>
    <object>
        <embed src="video.mp4" type= "application/x-shockwave-flash" 
        allowfullscreen="true" allowscriptaccess="always" />
    </object>
</video>

Related Links

This post is a adaptation of HTML5 Video Support in IE9 Mobile by Rick Xu Program Manager, Windows Phone
Advertisements

Share your thoughts

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s