HTML <audio> controls Attribute

The controls attribute on an <audio> tag adds audio controls to an audio player. These controls allow users to interact with features like start, pause, track, volume, and others.

Example

#

A controls attribute on an <audio> element.
Without the controls attribute the audio player won't be visible.

<audio controls>
  <source src="/media/epic.mp3" type="audio/mpeg">
</audio>

Using controls

The controls attribute specifies that audio controls are displayed.

In fact, without the controls attribute the audio player is not visible.

The audio controls contain the following button functions:

  • play / pause
  • volume
  • track
  • download

Syntax

<audio controls>

Browser support

Here is when controls support started for each browser:

Chrome
4.0 Jan 2010
Firefox
3.5 Jun 2009
IE/Edge
9.0 Mar 2011
Opera
11.5 Aug 2011
Safari
4.0 Jun 2009

You may also like

 Back to <audio>
Guides