Articles → HTML 5 → Video Tag In Html5

Video Tag In Html5






Purpose





Syntax


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




  1. You can either mention controls or autoplay attribute in video tag.
    1. Controls attribute adds controls like play, pause and volume.
    2. 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




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




Picture showing the output of video tag in html5

Click to Enlarge


Browser Support


BrowserMP4WebMOgg
Internet ExplorerYESNONO
ChromeYESYESYES
FirefoxYESYESYES
SafariYESNONO
OperaYES (from Opera 25)YESYES



Posted By  -  Karan Gupta
 
Posted On  -  Sunday, November 26, 2017

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250