Learn About Html5 Video

Html5 Video:

In Html Playing Videos:

There was no standard for showing videos on web page,Before Html5.Videos could only be played with plug-in (like flash).
Html5 <video> element specifies standard way to embed video in web page.

Supportted By Following Browsers:

Browsers given below have full support <video> element.

Html <video> Element:

<video> element is used in html show videos.

Example:

How It Works:

Control attribute adds video controls,like play, pause, and volume.
To include width and height attributes is good idea.
If you will not set height and width browser does not know about size of video.Effect will be that page will change as video loads.
Text b/w <video> and </video> tags will only display browsers that do not support <video> element.
Multiple <source> elements can link to different video files.

<video> Autoplay in Html:

Use autoplay attribute to start video automatically.

Example:

Browser Support - Html Video:

MP4.WebM,and Ogg are 3 supported video formats for <video> element.

Media Types - Html Video:

Methods,Properties, and Events - Html Video:

Html5 defines DOM methods,properties, and events for <video> element.
This allows you to load, play and pause as well as setting duration and volume in videos.
There are DOM events that can notify you when video begins to play, paused etc.

Video Tags Of Html5: