Articles → HTML 5 → Video tag in HTML5

Video tag in HTML5

In this article, we will discuss video tag in HTML5

Purpose

Video tag is used to embed video in web page.

Syntax

<video controls or autoplay>
	<source src=" " type=" " />
	<source src=" " type=" " />
</video>

In the above syntax

   1. You can either mention controls or autoplay attribute in video tag.

      a. Controls attribute adds controls like play, pause and volume.

      b. Autoplay attribute plays the video automatically when the page gets loaded.

   2. Source tag is used to mention the video path in ‘src’ attribute and the supporting media format in ‘type’ attribute. You can add as many source tag inside video tag as many you want. HTML 5 will take the first video that is supported by the browser and play it.

Example

Consider the example with ‘controls’ attribute

<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
	</head>
	<body>
		<video controls>
			<source src="test.mp4" type="video/mp4" />
		</video>
	</body>
</html>

Now see the code in the browser and you will see following output

Picture showing the output of video tag in html5

Click to Enlarge

Browser support

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

Posted By -	Karan Gupta

Posted On -	Sunday, November 26, 2017

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250