Skip to content
Related Articles

Related Articles

HTML | DOM Audio autoplay Property

View Discussion
Improve Article
Save Article
  • Last Updated : 13 Jul, 2022
View Discussion
Improve Article
Save Article

The Audio autoplay property is used for setting or returning whether audio should start playing as soon as it is loaded or not. It can be used to specify that the audio should automatically start playing as soon as it is loaded. 

Syntax: 

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

Property Values:

  1. true|false: It is used to specify whether an audio should automatically start playing as soon as it is loaded or not.

Return Values: It returns a Boolean value, that returns true if the audio automatically starts playing, otherwise it returns false

Below program illustrates the Audio autoplay Property: 

Example: Enabling autoplay for an audio. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        Audio autoplay property
    </title>
</head>
 
<body style="text-align: center">
 
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Audio autoplay Property
    </h2>
    <br>
 
    <audio id="Test_Audio"
           controls autoplay>
        <source src="sample1.ogg" type="audio/ogg">
        <source src="sample1.mp3" type="audio/mpeg">
    </audio>
 
    <p>To know whether autoplay is enabled or not,
      double click the "Return Autoplay Status" button.
    </p>
    <br>
 
    <button ondblclick="My_Audio()">
      Return Autoplay Status
    </button>
 
    <p id="test"></p>
 
    <script>
        function My_Audio() {
            var a =
               document.getElementById("Test_Audio").autoplay;
               document.getElementById("test").innerHTML = a;
        }
    </script>
 
</body>
 
</html>


Output:

  • Before clicking the button: 

  • After clicking the button: 

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

  • Google Chrome 1 and above
  • Edge 12 and above
  • Internet Explorer 9 and above
  • Firefox 3.5 and above
  • Opera 12.1 and above
  • Apple Safari 3.1 and above

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!