HTML5 video

I was reading online about adding video’s with html5. I was pretty amazed by how simple it is! This is probably good to know, since over two billion videos are viewed over the internet today, and sharing/viewing videos pretty much a growing hit. From what I gather even Youtube is moving from using Flash based video to HTML5 based video.

All you have to do to embed a video using HTML5 is basically add an element like this within the body tag and it links to the video with no need for plugin object tags and parameters:

<video src=”videoname.mp4″></video>

Thats pretty much all there is too it, but of course if you want to pimp it up a bit and get the most out of your video playback you can use attributes such as:

  • Controls – a simple playback head will be added with play and pause controls
  • Autoplay – the video will play immediately if already downloaded in your cache
  • Loop – you can loop the video
  • Height and Width

An example of it would be:

<video src=”videoname.mp4″ autoplay controls></video>

Where you can easily add more attributes or take away :)

The only cons I can see so far is that not all web browsers support it… Yet.. It’s most likely the minority. But soon so will they.