Audio Autoplay: What Does It Do In HTML5? (Listen To Find Out!) »

Skip to content HTML / New Audio HTML Element: Master It Out Now With Our Code Example / Audio Autoplay: What Does It Do In HTML5? (Listen To Find Out!)New in HTML5.Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn moreAttribute ofNew Audio HTML Element: Master It Out Now With Our Code ExampleWhat does Audio Autoplay: What Does It Do In HTML5? (Listen To Find Out!) do?Specifies that the audio playback should begin immediately on page load.

Code Example

<audio controls autoplay id="audio-example"> <!-- One or more source files, each referencing the same audio but in a different file format. The browser will choose the first file which it is able to play. --> <source src="/wp-content/uploads/flamingos.ogg"> <source src="/wp-content/uploads/flamingos.mp3"> You will see this text if native audio playback is not supported. <!-- You could use this fall-back feature to insert a JavaScript-based audio player. --> </audio> <small>Audio by <a href="https://soundcloud.com/beeldengeluid">Beeld en Geluid</a> [<a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY-SA 3.0</a>], <a href="https://commons.wikimedia.org/wiki/File%3AArtis%2C_enkele_flamingo&#039;s_-_SoundCloud_-_Beeld_en_Geluid.ogg">via Wikimedia Commons</a></small> <style> #audio-example { display: block; } </style> Audio by Beeld en Geluid [CC BY-SA 3.0], via Wikimedia CommonsAdam WoodAdam is a technical writer who specializes in developer documentation and tutorials.

Post navigation

<audio src=""> HTML Attribute<audio controls> HTML Attribute

Search HTML.com

Search for:

Most Popular

• <var> HTML Tag306 views
• What Is Doxing? (And Why Is It So Scary?): An Infographic85 views
• New Audio HTML Element: Master It Out Now With Our Code Example62 views
• The Web Worker's Stress Busting Toolbox: 50 Tips to Improve Your Life43 views
• <meter> HTML Tag41 views

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok