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
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.
Advertisement
Awesome work. Easy to cover up all gaps of plugin issues.
My Opera 11.01 plays both
Opera is actually falling back to flash on H.265, so does Geckos and WebKits.
Opera is actually falling back to flash on H.264, so does Geckos and WebKits.
Thanks for the clarification. I’m one of those who were expecting HTML5 to toss out that Adobe junk Flash.
Am I missing something? The WebM demo page doesn’t work for me in FF4b13.
Nero try this search on Youtube http://www.youtube.com/results?search_query=bunny&webm=1. Do those videos play?
They do, but in Flash
You need to visit the YouTube opt-in page first, click the join button at the bottom of the page, and search from there (at the top of the page) to play WebM videos in the HTML player.
http://www.youtube.com/html5
Is not Youtube falling back to Flash automatically?
The HTML5 extension for Firefox plays hellbells with session restore btw.
In particular if you use Panorama mode.
It also causes Excessive memory allocation.
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.
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/
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!
Berttie that’s great news, even though I remember that Opera wanted to backup only Theora and WebM. Maybe they have changed their stance?
The H.264 test works fine for me in FF 3.6.15. But the WebM test does not work.
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.
Shouldn’t this article be updated since the release of Firefox 4.0?
Both tests work for me in Vista & IE8
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
Video is not working in safari
Windows Media Player HTML5 Extension for Chrome [download] *Never would download for me.
As usual, the geeks keep screwing us with their holy wars. In the meantime, we have to waste time (and often money) getting things that once worked fine to work again. As it is, there is NO SOLUTION that will play video reliably in the most common browsers. Or even unreliably on phones.