Open In App

HTML autoplay Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML autoplay Attribute, a boolean attribute, enables audio or video elements to start playing automatically when the page loads, providing seamless playback without interruption.

Syntax: 

<element autoplay> 

Supported Elements

It can be used with <audio> and <video> elements. 

Element Description
<audio> Embeds audio content in a webpage.
<video> Embeds video content in a webpage.

HTML Video autoplay Code Example


In this example we demonstrates the use of the autoplay attribute for the <video> element, enabling automatic playback of the video when the page loads.

html




<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML video autoplay Attribute
        </title>
    </head>
  
    <body>
        <center>
            <h3>HTML video autoplay Attribute</h3>
            <video
                width="400"
                height="200"
                controls
                autoplay
            >
                <source
                    src=
                    type="video/mp4"
                />
                <source
                    src=
                    type="video/ogg"
                />
            </video>
        </center>
    </body>
</html>


Output: 

VideoautoPlay

HTML video autoplay Attribute example output

HTML Audio autoplay Code Example

In this example we demonstrates the use of the autoplay attribute for the <audio> element, enabling automatic playback of the audio when the page loads.

html




<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML audio autoplay Attribute
        </title>
    </head>
  
    <body>
        <h2>HTML audio autoplay Attribute</h2>
        <audio controls autoplay>
            <source
                src=
                type="audio/ogg"
            />
            <source
                src=
                type=" audio/mpeg "
            />
        </audio>
    </body>
</html>


Output: 

audioautoPlay

Supported Browsers: The browser supported by HTML autoplay attributes are listed below: 



Last Updated : 09 Mar, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads