HTML5 Video Player

HTML 5

HTML5 is the latest edition of HTML the core language used on the Internet. There is, however, much difference between HTML5 and the previous version HTML4. Plenty of elements have been introduced, some elements have modified and some have been dropped.

The new structural/semantic elements are <wbr>, <section>, <rt>, <progress>, <meter>, <hgroup>, <footer>, <figure>, <details>, <bdi>, <article>, <time>, <rp>, <ruby>, <nav>, <mark>, <header>, <figcaption>, <summary>, <command>, and <aside>.

The new media elements are <track>, <source>, <audio>, <embed>, and <video>.

The new form elements are <output>, <datalist>, and <keygen>.

The new canvas element is <canvas>.

HTML5 has cross-browser that means it can be viewed on any browser that supports HTML5. However, the way it is implemented varies from browser to browser. HTML5 can be used for developing games as well.

HTML5, however, is seen as the technology of the future and it has support of major players like Microsoft and Apple. Besides, it is not fully completed. But on the Internet some things can’t wait and companies will have to make some adjustments when HTML5 is completely standardized. Especially those companies which have already implemented HTML5 will have to make these adjustments.

HTML5 video

Simple syntax for HTML5 video on the web is

<video width="x" height="y" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

The attributes width and height is used to specify the dimensions of the video player. These are given pixels. The controls attribute is used to specify the control option for the video like play/pause, stop, etc. Src is used to specify the location of the video.

There are other attributes in the <video> element. These are preload, autoplay, muted, loop, and poster.

Preload attribute allows the author to decide if and how the want the video to load once the page is loaded.

Autoplay attributes instructs the video to play when it is ready.

Muted attribute instructs the audio part of the video to be muted.

Loop attribute instructs the video to start playing again when it has finished.

Poster attribute instructs as to what image to display while the video is still downloading or till the play button is pressed by the user.

HTML5 video player

The <video> and <audio> elements in HTML5 will help of you to create a HTML5 Video Player.

This HTML5 Video Player will allow one to view videos on their browser without having to install any plug-ins as in the case of Flash.

This is a major step forward especially those who own Apple products. Apple does not support Flash on its products. HTML5 Video Player will enable these people to see YouTube videos on their iPads and iPhones.

There are, however, some problems with the video format. The major players in the industry have not reached a consensus as to which video format should be the default. At the moment there are three formats that are being used. This means the video has to be made available in all three formats if it is to be viewed on any of the major browsers.

HTML5 Video Player has other problems as well. One is that the implementation of HTML5 is fragmented. Another problem is that HTML5 player does not support ads like Flash player does.

All of this, however, does not change the fact that once HTML5 is standardized it will be the future of the Internet. In fact there are many versions HTML5 Video Player. Even Adobe has announced that it will not be developing flash for mobiles and instead it will be concentrating on HTML5. Microsoft has also stated that Windows 8 will not support any flash plug-ins.