An Introduction to HTML Video Tag

The HTML video tag is useful when you want to add a video to your web pages. In modern web browsers, adding the video is very easy. You do not need to install any extra plug-in for this. You can add the video by using a <video> tag.

In this article, you’ll get to learn all about: 

  • What is an HTML <video> tag?
  • Tag-specific attributes
  • Browser support

What Is an HTML <video> tag?

An HTML video tag is used to embed video into your web page. The <video> element is used to embed video content in an HTML document without requiring any additional plugin like Flash player. 

html-video-tag.

output-video-tag

The text between the video tag is only displayed in the browsers that do not support the video tag.

Note: Keep the HTML file and the video file that you are going to add in the same folder.

Full Stack Web Developer Course

To become an expert in MEAN StackView Course
Full Stack Web Developer Course

Tag-Specific Attributes

Attribute

Value

Description

autoplay

autoplay

It specifies that the video should be played automatically.

controls

controls

It shows the default video controls like play, pause, volume etc.

height

pixels

It specifies the height of the video

loop

loop

It specifies that the video will start again, upon reaching the end.

muted

muted

It specifies that the audio should be muted.

poster

URL

It specifies an image to preview before the loading of the video.

preload

auto, metadata, none

It provides a hint to the browser about what the author thinks will lead to the best user experience.

src

URL

It specifies the location of the video file to embed

width

pixels

It sets the width of video’s display area

Browser Support

Chrome

Firefox

IE

Opera

Safari

Mobile

Yes

Yes

Yes

Yes

Yes

Yes

Get skilled in HTML5 and CSS3 with the Full Stack Java Developer Master's Program. Click to check out the program details!

Would You Like to Become a Full-Stack Developer?

This article on the HTML video tag gave you an insight into how you can add a video to your web page. Now that you know the various attributes of the video tag, you can take a step further and learn more about web development. Simplilearn’s  Full Stack Developer Master’s Program Is highly recommended and could act as a catalyst for your coding career. The course will give you the essence of front-end, middleware, and back-end Java web developer technologies. You will learn to build an end-to-end application, test and deploy code, store data using MongoDB, and much more.

If you’re an aspiring web and mobile developer, HTML training will broaden your skills and career opportunities. And in case you have any questions for us, mention it in the comments section, and we'll have our experts answer it for you.

About the Author

Aryan GuptaAryan Gupta

Aryan is a tech enthusiast who likes to stay updated about trending technologies of today. He is passionate about all things technology, a keen researcher, and writes to inspire. Aside from technology, he is an active football player and a keen enthusiast of the game.

View More
  • Disclaimer
  • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.