In this section, we will learn what the controls attribute is and how to use it.

What is controls Attribute in HTML <video> Tag?

If you add HTML <video> tag to your webpage, by default you won’t see any control buttons like “play”, “sound changer”, “seekable” etc.!

So in order to add these controls to the video player, we need to insert the `controls` attribute to the opening tag of HTML <video> as well.

HTML controls Attribute in <video> Tag Syntax:

<video controls> </video>

<video> Tag controls Attribute Values

The controls attribute does not take any argument as its value! Simply put, the attribute in the opening tag of HTML <video> and then video player controls appear on that video player.

Example: using controls attribute in HTML <video> tag

See the Pen using controls attribute in HTML <video> tag by Omid Dehghan (@odehghan) on CodePen.