HTML autoplay Attribute
Last Updated :
09 Mar, 2024
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:Â
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:Â
Supported Browsers: The browser supported by HTML autoplay attributes are listed below:Â
Share your thoughts in the comments
Please Login to comment...