Open In App
Related Articles

HTML DOM Audio controls Property

Improve Article
Save Article
Like Article

The Audio controls property is used for setting or returning whether audio should display standard audio controls or not. The <audio> controls attribute is reflected by this property. The audio controls included in the property are:

  • Play
  • Pause
  • Seeking
  • Volume


  • Return the control property:
  • Set the control property:
audioObject.controls = true|false

Property Values:

  • true|false: It is used to specify whether an audio should have controls displayed, or not.

The below program illustrates the Audio controls Property: 

Example: Enabling controls for audio. 


<!DOCTYPE html>
        Audio controls Property
<body style="text-align: center">
    <h1 style="color: green">
    <h2 style="font-family: Impact">
        Audio controls Property
    <audio id="Test_Audio" controls autoplay>
        <source src="sample1.ogg" type="audio/ogg">
        <source src="sample1.mp3" type="audio/mpeg">
          To enable controls, double click
        the "Enable Controls" button.
          To check status of controls, double
        click the "Check Status" button.
    <button ondblclick="Enable_Audio()">
        Enable Controls
    <button ondblclick="Check_Audio()">
        Check Status
    <p id="test"></p>
       let a = document.getElementById("Test_Audio");
        function Enable_Audio() {
            a.controls = true;
        function Check_Audio() {



Supported Browsers: The browser supported by HTML | DOM Audio controls Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari

Last Updated : 23 Jun, 2023
Like Article
Save Article
Similar Reads
Related Tutorials