Embedding video in HTML5

HTML5 is really grabbing the attention of many web developers and designers now as information about its streamlined syntax and new elements spread across the web. HTML5 is supposed to be the next step in terms of HTML web page markup. It seems to have ditched the XHTML approach and is now veering back onto the original HTML path with this replacement.

Whilst HTML5 supports a large number of the tags found in both HTML 4 and XHTML (mainly for compatibility and to make sure that people can easily transition over) it does have some new ones.

One of the changes to HTML5 is the way in which video can be embedded into a web page with little effort.

With HTML5 the code for embedding videos into web pages looks like this.

<video src="myvideo.mp4" width="500" height="300" controls></video>

And generally that’s all there is to it. Just look at how simple that is compared to the code we’re currently used to. I don’t know about you but I’m quite looking forward to the days of HTML5 being mainstream – the sooner the better as far as I’m concerned.

Right now though support for HTML5 is limited as it has not been made available in all browsers. It’s safe to say though that most of the major browsers have got HTML5 built into them however their level of compatibility and completeness vary. Currently Google Chrome is likely to be one of the best supporting browsers for HTML5 right now with support for Firefox, Opera and Safari on its way.