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.

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.

Here's How to Land a Top Software Developer Job

Full Stack Developer - MERN StackExplore Program
Here's How to Land a Top Software Developer Job

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

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.

Our Software Development Courses Duration And Fees

Software Development Course typically range from a few weeks to several months, with fees varying based on program and institution.

Program NameDurationFees
Caltech Coding Bootcamp

Cohort Starts: 16 Dec, 2024

6 Months$ 8,000
Automation Test Engineer Masters Program

Cohort Starts: 27 Nov, 2024

8 months$ 1,499
Full Stack Java Developer Masters Program

Cohort Starts: 18 Dec, 2024

7 months$ 1,449
Full Stack (MERN Stack) Developer Masters Program

Cohort Starts: 8 Jan, 2025

6 Months$ 1,449

Recommended Reads