Very Useful DIY: How to Embed Video Using HTML5

So how do you embed video on a Web page using HTML5 syntax? It’s simple:

<video id="sampleMovie" src="HTML5Sample.mov" controls></video>

That’s it! That’s all you need to add a video player to your site without any third-party add-ons or embedded code from other sites — just one simple tag.

If only it was really that easy.

The complexity of HTML5 arises not from the syntax, but from browser support and video encoding. Web developers are used to struggling with browser compatibility, but you also have wider-than-usual disagreement among browser vendors regarding codec standards. In order to build a successful HTML5 site, you’ll need to take into account how modern browsers like Chrome 4, Firefox 4 and Internet Explorer 9 implement HTML5 video Web standards as well as how to handle how users view video in legacy browsers.

via htmlgoodies.com

read the long detailed post on htmlgoodies.com

Posted via email from Siobhan O'Flynn's 1001 Tales