Future of HTML5 video tag, will it make difference?

IE 9 beta released , mainly focusing on HTML 5 and hardware support for videos and pictures embedded in webpage.  you can read more from here

HTML5 -  feature I liked is  <video> tag. Using this <Video> tag, you can show videos to your site visitors without any plugin requirement from their browser side.

For example, you want to show FLV video, your site vistior browser have flash plugin installed. With html5 support now your site visitor can see FLV video without installing flash plugin.

At present drawback is lack of standards. Each browser supports different video formats but NOT a common, single video format support by all browsers.

Source: http://diveintohtml5.org/video.html   [Excellent page, if want to learn more about <video> tag ]

Video codec support in upcoming browsers
Codecs/container IE Firefox Safari Chrome Opera iPhone Android
Theora+Vorbis+Ogg · 3.5+ 5.0+ 10.5+ · ·
H.264+AAC+MP4 9.0+ · 3.0+ 5.0+ · 3.0+ 2.0+
WebM 9.0+* 4.0+ 6.0+ 10.6+ ·

Now the trick part: How to embed video which can work in all browsers? Solution is – You need to encode your video in different formats and embed all of them.

example:

<video width="320" height="240" controls>
  <source src="pr6.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'>
  <source src="pr6.ogv"  type='video/ogg; codecs="theora, vorbis"'>
</video>

Other Posts related to current topic

  1. Future of HTML5 video tag, will it make difference? (This post)
  2. How to produce open video
  3. Tools to produce open video
  4. who promoting open video
  5. what is open video open video explained

MyFreeCopyright.com Registered & Protected
Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
Copy right related
Blog author MR.Rav

Enter your email address:

GET UPDATES TO YOUR E-MAIL

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">