html tutorial - <video> Video Tag in HTML - html5 - html code - html form



video tag in html

Learn html - html tutorial - video tag in html - html examples - html programs

  • The <video> element specifies the video streams or movie clips.
  • There are three supported formats for video tag they are Mp4, WebM and Ogg.
  • <video> tag belongs to Phrasing Content, Flow Content, Embedded Content Category.

Syntax for <video> tag:

<video>source file is  here...</video>

Differences between HTML 4.01 and HTML 5 for <video> tag:

HTML 4.0.1

  • HTML4 does not supports <video> tag.

HTML 5

  • The <video> tag is new in HTML5.

Sample Coding for <video> tag:

Tryit<!DOCTYPE html>
<html >
    <head>
        <title>Wikitechy video tag</title>
    </head>
        <body>
            <h2>HTML video tag with example</h2>
            <video width="320" height="240" controls>
                <source src="hibiscus.mp4" type="video/mp4">
            </video>
        </body>
</html>

Code Explanation for <video> tag:

<video> Tag Code Explanation

  1. <video> tag will display the movie clip.
  2. <source> tag used to define the source video file.

Output for <video> tag:

<video> Tag Output

  1. Here the video is displayed in the HTML document.

Optional Attribute:

Attribute Value HTML4 HTML5 Description
autoplay autoplay No Yes The video will automatically start playing as soon as it is ready.
controls controls No Yes The video controls specifies that the video should be displayed.
height pixel No Yes It is used to set the height of the video player in pixel.
loop loop No Yes A video will start over again, every time it is finished.
muted muted No Yes It is used to specifies the audio output of the video should be muted.
poster URL No Yes It is used to specifies an image to be shown until the user hits the play button.
preload auto
metadata
none
No Yes It is used to specifies that how the author thinks that the video should be loaded when the page loads. It is ignored when autoplay is present.
src URL No Yes It is used to specifies that the location of the video file.
width pixels No Yes It is used to set the width of the video player in pixel.

Browser Support for <video> tag:

4.0 9.0 3.5 4.0 10.5

Related Searches to video tag in html