ghacks Technology News

How To Add Missing HTML5 Video Support To Your Browser

When you look at HTML5 video support of the five most popular web browsers, you notice that there is not a single browser supporting the two formats WebM and H.264. Depending on your browser choice, you end up either with one or the other, but not both.

Problems will arise for Internet users once the acceptance and use of HTML5 video rises on the Internet. The clear winner for now is Adobe with its Flash technology, as it is being used as a fallback on many sites. A common misconception surrounds H.264. Many users believe that it might replace Flash on the Internet. That’s however not possible considering that H.264 is a video codec and Flash Player a multimedia runtime. H.264 encoded videos need to be loaded into a player, like Flash on the web or a desktop video player.

Regardless of that, it is still true that Flash is used as a fallback if the web browser does not support the HTML5 video format that is embedded on a page. To paraphrase: Flash based players are the most common to play H.264 contents, and Flash may be used as a fallback if the browser does not support the format or WebM.

Here is how you can test if your web browser supports WebM or H.264. Visit the following links with your browser of choice. Your browser supports the standard if the videos play, if you get errors, the standard is not supported.

WebM Test Video

H.264 Test Video

Now that you found out that your browser is not capable of playing at least one of the formats, you may want to add support for the missing format to play all HTML5 videos regardless of codec.

Microsoft recently has published extensions for the Mozilla Firefox and Google Chrome web browser that add H.264 support to the browser. It has to be noted that the extension will only work under Windows 7, previous operating systems are not compatible.

Windows Media Player HTML5 Extension for Chrome [download]
HTML5 Extension for Windows Media Player Firefox Plug-in [download]

Google on the other hand has created a plugin for Internet Explorer 9 that adds WebM to the web browser.

WebM Video for Microsoft Internet Explorer 9 (Preview) [download]

Instead of supporting both codecs in their web browser, Microsoft and Google have made the decision to produce plugins for each other’s browser to add support for the video codec that they favor and support.

Microsoft made an announcement a while ago that Internet Explorer 9 would support the VP8 codec on Windows 7 if it was installed on the user system.

Please let us know in the comments if you have successfully downloaded the VP8 codec and managed to play WebM videos in Internet Explorer 9 afterwards.

Enjoyed the article?: Then sign-up for our free newsletter or RSS feed to kick off your day with the latest technology news and tips, or share the article with your friends and contacts on Facebook or Twitter.

Related Articles:

What’s The Best Web Browser For HTML5 Video Playback?
Internet Explorer HTML5 Video Tag Support
Bing Adds HTML5 Video Support To Homepage
Google Chrome Dev Channel Gets VP8 WebM Support
WebM Video



About the Author:Martin Brinkmann is a journalist from Germany who founded Ghacks Technology News Back in 2005. He is passionate about all things tech and knows the Internet and computers like the back of his hand. You can follow Martin on Facebook or Twitter.

Author: , Tuesday March 15, 2011 -
Tags:, , ,


Responses so far:

  1. Ahmad says:

    Awesome work. Easy to cover up all gaps of plugin issues.

  2. me says:

    My Opera 11.01 plays both

  3. DanTe says:

    Thanks for the clarification. I’m one of those who were expecting HTML5 to toss out that Adobe junk Flash.

  4. nero says:

    Am I missing something? The WebM demo page doesn’t work for me in FF4b13.

  5. SomeGuy says:

    The HTML5 extension for Firefox plays hellbells with session restore btw.
    In particular if you use Panorama mode.

  6. ilev says:

    My Chrome 10.0.648.133 beta on XP SP3 run both WebM and H.264 720P whitout any problems, and I didn’t install Microsoft’s h.264 add-on.

    • Ilev, Chrome currently supports both, but Google has made an announcement to remove H.264.

      • ilev says:

        Yes, I know about the announcement.

        By the way, Flash is dying and on the way out. Even Adobe gave in to Apple by releasing a flash-to-html5 converter : http://www.businessinsider.com/adobe-gives-in-to-apple-releases-flash-to-html-converter-2011-3
        and Firefox VP said too that flash is doomed : http://macdailynews.com/2011/03/11/firefox-vp-adobe-flash-is-doomed/

  7. Berttie says:

    me is correct. Those of us wise enough to use Opera 11.01 don’t have to jump through hoops to see either format, they just work.

    As for Google removing H.264 from Chrome, have we learnt nothing from the past browsers ‘wars’ with companies pushing there own formats at the expense of their clients? Sigh!

  8. Jojo says:

    The H.264 test works fine for me in FF 3.6.15. But the WebM test does not work.

  9. Aminifu says:

    The WebM test link given is for the Chrome browser. You can use the YouTube WebM videos for testing FF 4 and IE 9.

    I noticed that the full screen toggle for the WebM player does not work as expected in FF 4 and IE 9. It causes the video to expand within the browser’s window, not full screen. To get full screen you need to also toggle the browser to full screen mode. The only problem with that is the mouse cursor stays visible.

    One other thing, if you add WebM support to IE 9 with the automatic online installer you also get the GoogleUpdate installed. If you use the manual installer (that you have to download) it does not install the GoogleUpdate. This updater is supposed to keep the WebM support up to date and report crash info, but the downside is it installs an additional Windows service and 2 tasks that run periodically and every time you reboot your computer. This seems to me to be overkill just to keep a codec up to date. What’s worse, the updater is not listed separately with the installed programs and is a hassle to disable or remove manually.

  10. beachboui says:

    Shouldn’t this article be updated since the release of Firefox 4.0?

  11. subgrampus says:

    Both tests work for me in Vista & IE8

  12. mixedbag says:

    What works for linux users?
    Firefox is spotty at best, very few will play.
    It’s like hitting the lottery when I find one that does. :p

Leave a Reply   Follow Ghacks   Subscribe To Comment Rss

Subscribe without commenting

© 2005-2012 Ghacks.net. All Rights Reserved. Privacy Policy - About Us