HTML video tag

HTML <video> tag adds video in a page. Subtitles may also be added in a video. We write the address of the video in the src attribute of video.

<video src="files/Hummingbird.mp4"  style="width:100%; height:100%;" controls>
</video>
</>

Tag omission

Both opening and closing tags are necessary for the video element.

Global Attributes

All the global attributes are applicable on the video element.

Tag Attributes

Attributes that are applicable to <video> tag
src

Location (address) of the video

<video src="address of the video"> </video>
poster

A type of poster visible before playing the video.

<video src="address of the video" poster="address of the picture"> </video>
autoplay

The video plays automatically after the page is loaded. It is a boolean attribute.

<video src="address of video" auoplay> </video>
loop

The video seeks back to the start of the video upon reaching at the end.

<video src="URL of video" loop> </video>
muted

The audio is muted by default.

<video src="URL or address of video" muted> </video>
controls

represents controls of the video such as pause, play, volume control.

<video src="URL or address of video" controls> </video>
width

represents the width of the media resource.

<video src="URL or address of video" width="100%"> </video>
height

defines the height of the media resource.

<video src="URL or address of video" height="760px"> </video>
crossorigin

the element handles crossorigin requests.

preload

specifies how much buffering the video needs.

we can also add video in a page using source element. This method is useful when the same video of different types are used. In that case, if one browser does not support one video, then another type of the same video is played.

<video style="width:100%; height:100%;" controls>
  <source src="files/Hummingbird.mp4" type="video/mp4">
  <source src="files/Hummingbird.mkv" type="video/mkv">
 </video>

Try</>


Was this article helpful?