WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

HTML5 Video


HTML Video Example. Simple Video Clip .

Try it yourself »


Playing Videos in HTML

when you add video whithout HTML5 it will look like flash.

The HTML5 <video> element specifies a standard way to embed a video in a web page.


Browser Support

The numbers in the table specify the first browser version that fully supports the <video> element.

Element
<video> 4.0 9.0 3.5 4.0 10.5

The HTML <video> Element

To show a video in HTML, use the <video> element:

Example

<video width="320" height="240" controls>
  <source src="YouTube_15.mp4" type="video/mp4">
  <source src="YouTube_15.mp4" type="video/ogg">
Your browser does not support the video tag.
</video>
Try it yourself »

How it Works

The controls attribute are very useful in video you can adds controls like play pause and volume.

It is very easy to include both width and height attributes.

It is compulsory set height and width , If you are not set browser does not know size of video.

Text between the <video> and </video> tags will only display in browsers that do not support the <video> element.

Multiple <source> elements can link to different video files. First The browser will use recognized format.


HTML <video> Autoplay

To start a video automatically use the autoplay attribute:

Example

<video width="320" height="240" autoplay>
  <source src="YouTube_15.mp4" type="video/mp4">
  <source src="YouTube_15.mp4" type="video/ogg">
Your browser does not support the video tag.
</video>
Try it yourself »

HTML Video - Browser Support

Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and Ogg:

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES NO NO
Opera YES (from Opera 25) YES YES

HTML Video - Media Types

File Format Media Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

HTML Video - Methods, Properties, and Events

HTML5 include DOM methods, properties, and events for the <video> element.

This allows you to load, play, and pause videos, as well as setting duration and volume.

DOM events that can notify you when a video begins to play, is paused, etc.

Example: Using JavaScript




This is Simple Video Clip .

Try it yourself »

For a full DOM reference, go to our HTML5 Audio/Video DOM Reference.