Hairy Lemon logo
Menu Search
Ph: +64 3 377 0031
Ph: +64 3 377 0031
Why you should embed video with HTML5 vs Flash

Why you should embed video with HTML5 vs Flash

The future of web and mobile browsing promises a far more consistent experience, no matter whether you are using an Apple or Android device, thanks to HTML5.

HTML5 provides streamlined features that enable developers to use less code for a better result.

When it comes to embedding videos and audio into your web experience, which has historically been achieved using Flash or other 3rd party platforms, HTML5 has taken another bold step forward.


Now, with a little encoding and either a video or audio tag, you can simply embed your media directly into your site, no flash players or 3rd parties needed.

Each browser renders it’s own unique controls on the video. By removing a simple attribute you can remove the controls and use video seamlessly as part of your design.

I know what you’re thinking, “Why wouldn’t I just embed using flash, like I always have?” Well, as most people who own Apple mobile devices know, Flash is still unsupported on iOS.

With the power of HTML5 we can be secure in the knowledge that all up-to-date mobile platforms can view our media. The video showing above has a flash alternative embedded solely as a fallback just in case your browser is out-of-date and does not support HTML5.

Of course this bold step forwards has a sideways shuffle in respects to backwards compatibility, as older releases of your favourite browsers may not be compatible with HTML5. However your Apple devices that don’t support Flash will make up for it.

New Features

There are a huge amount of new things implemented with HTML5, including on the fly email validation on text fields and other form related features, multimedia as described above, the ability to work with vector graphics and much, much more! For a complete run down of all the new features I recommend reading up on or on

Depreciated Features

As the standards grow and change they drop some of the older tags that have become irrelevant. More often than not this is merely because there is a better way to achieve the same results with CSS or a new tag.

Here is a list of depreciated tags: Acronym, applet, basefront, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt. As a general rule of thumb, these tags should no longer be used. They will however still work on most of your browsers for the foreseeable future.

Other Great Examples of HTML 5

Multimedia giant YouTube has taken the leap and is offering an opt-in trial for you to switch over to HTML5, which I know I’ll be doing! to opt-in!

You may notice that YouTube’s mobile site at has also moved over to HTML5 now supporting most mobile devices!


Grooveshark, a very popular steaming audio website has launched an HTML 5 version of it’s mobile player to reach more mobile users than ever before!

More information is available here

This entry was posted in Web development and tagged , , . Bookmark the permalink.

Comments are closed.

Christchurch, Canterbury 8013