Posted in HTML, HTML5, Web standards, Web2.0

HTML5 video

With regards to HTML5 <video> there are 3 different video formats which are used across all the major browsers.  There isn’t one standard video format as yet so different formats need to be available. Eg.

<video poster=”movie.jpg” controls>
<source src=”movie.webm” type=’video/webm; codecs=”vp8.0, vorbis”‘>
<source src=”movie.ogv” type=’video/ogg; codecs=”theora, vorbis”‘>
<source src=”movie.mp4″ type=’video/mp4; codecs=”avc1.4D401E, mp4a.40.2″‘>
<p>This is fallback content</p>
</video>

The latest current information regarding supported video formats is available here: http://en.wikipedia.org/wiki/HTML5_video

Update: 19th April 2012:

Longtail have also recently released an article called ‘The State of HTML5 Video

 

Posted in CSS, HTML, HTML5, Web standards, Web2.0

HTML5 browser support and comparison overview

The amount of support for HTML5 varies for each browser.  This excellent website has a breakdown of what elements of HTML5 are supported from browser to browser.  You can also do browser comparisons: http://caniuse.com/#cats=HTML5

Here is an overview of the earliest to latest versions of browsers which have support for HTML5 (23rd April 2012).

HTML5 Powered with CSS3 / Styling, and Semantics

Browser

IE

Firefox

Chrome

Safari (Win)

iOS Safari

Opera

Opera Mobile

Android browser

Earliest Version

6.0

3.6

17.0

3.1

3.2

11.6

10.0

2.1

Latest version

9.0

11.0

18.0

5.15

5.1.4 (Lion)

11.62

12.0

4.0 (IceCream Sandwich)

Posted in Android, Audio / Video Manipulation, CSS, HTML, HTML5, Web standards, Web2.0

HTML5 standards and browser version support

Since 1996, HTML standards have been maintained by the World Wide Web Consortium (W3C) with input from commercial software vendors.

http://en.wikipedia.org/wiki/HTML4#Version_history_of_the_standard

As from 2008, the HTML5 web standards are currently being developed by the Web Hypertext Application Technology Working Group (WHATWG) and the World Wide Web Consortium (W3C).

http://en.wikipedia.org/wiki/HTML5

I also found this HTML5 browser comparison chart which is the best place to find out the latest support for HTML5 in browsers:

http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28HTML5%29&oldid=487486098

Whencaniuse.com also provides a detailed overview of what html5 elements are supported in every version of browser.  It also includes a comparison chart.

When can I use… Support tables for HTML5, CSS3, etc.