Dofactory.com
Dofactory.com
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

HTML <audio> controls Attribute

The controls attribute on an <audio> tag specifies that the audio player will display its audio controls.

These controls allow users to interact with features like play, pause, track, volume, etc.

Example

#

An <audio> element with a controls attribute.
Without this attribute the audio player would not 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>

Last updated on Sep 30, 2023

Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides