Horje

How to add HTML <audio> preload Attribute

Author thinks that the sound should NOT be loaded when the page loads.

Definition and Usage

The preload attribute specifies if and how the author thinks that the audio file should be loaded when the page loads.

The preload attribute allows the author to provide a hint to the browser about what he/she thinks will lead to the best user experience. This attribute may be ignored in some instances.

Note: The preload attribute is ignored if autoplay is present.

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Syntax

<audio preload="auto|metadata|none">

Attribute Values

Value Description
auto The author thinks that the browser should load the entire audio file when the page loads
metadata The author thinks that the browser should load only metadata when the page loads
none The author thinks that the browser should NOT load the audio file when the page loads
index.html
Example: HTML 

<!DOCTYPE html>
<html>
<body>
<h1>The audio preload attribute</h1>
<p>Click on the play button to play a sound:</p>
<audio controls preload="none"> <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg"> <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/mpeg"> Your browser does not support the audio element.
</audio>
</body>
</html>

Output should be:

How to add HTML <audio> preload Attribute

Single Articles
How to create HTML <audio> Tag HTML Tag
What Audio Format and Browser will Support for HTML <audio> Tag HTML Tag
What types of Browsers will Browser Support for HTML <audio> Tag HTML Tag
Attributes for HTML <audio> Tag HTML Tag
How to add HTML <audio> autoplay Attribute HTML Tag
How to add HTML <audio> controls Attribute HTML Tag
How to add HTML <audio> loop Attribute HTML Tag
How to add HTML <audio> muted Attribute HTML Tag
How to add HTML <audio> preload Attribute HTML Tag
How to add HTML <audio> preload auto Attribute HTML Tag
How to add HTML <audio> preload metadata Attribute HTML Tag
How to add HTML <audio> preload none Attribute HTML Tag
How to add HTML <audio> src Attribute HTML Tag


Related Articles
HTML <!--...--> Tag HTML Tag
HTML <!DOCTYPE> Declaration HTML Tag
HTML Elements and Doctypes HTML Tag
HTML <a> Tag HTML Tag
HTML <abbr> Tag HTML Tag
HTML <acronym> Tag HTML Tag
HTML <address> Tag HTML Tag
HTML <applet> Tag HTML Tag
HTML <area> Tag HTML Tag
HTML <article> Tag HTML Tag
HTML <aside> Tag HTML Tag
HTML <audio> Tag HTML Tag
HTML <b> Tag HTML Tag
HTML <base> Tag HTML Tag
HTML <basefont> Tag HTML Tag
HTML <bdi> Tag HTML Tag
HTML <bdo> Tag HTML Tag
HTML <big> Tag HTML Tag
HTML <blockquote> Tag HTML Tag
HTML <body> Tag HTML Tag
HTML <br> Tag HTML Tag
HTML <button> Tag HTML Tag
HTML <canvas> Tag HTML Tag
HTML <caption> Tag HTML Tag
HTML <center> Tag HTML Tag
HTML <cite> Tag HTML Tag
HTML <code> Tag HTML Tag
HTML <col> Tag HTML Tag
How to create HTML <colgroup> Tag HTML Tag
HTML <data> Tag HTML Tag
HTML <datalist> Tag HTML Tag
HTML <dd> Tag HTML Tag
HTML <del> Tag HTML Tag
HTML <details> Tag HTML Tag
HTML <dfn> Tag HTML Tag
HTML <dialog> Tag HTML Tag
HTML <dir> Tag HTML Tag
HTML <div> Tag HTML Tag
HTML <dl> Tag HTML Tag
HTML <dt> Tag HTML Tag
HTML <em> Tag HTML Tag
HTML <embed> Tag HTML Tag
HTML <fieldset> Tag HTML Tag
HTML <figcaption> Tag HTML Tag
HTML <figure> Tag HTML Tag
HTML <font> Tag HTML Tag
HTML <footer> Tag HTML Tag
HTML <form> Tag HTML Tag
HTML <frame> Tag HTML Tag
HTML <frameset> Tag HTML Tag
HTML <h1> to <h6> Tags HTML Tag
HTML <head> Tag HTML Tag
HTML <header> Tag HTML Tag
HTML <hgroup> Tag HTML Tag
HTML <hr> Tag HTML Tag
HTML <html> Tag HTML Tag
HTML <i> Tag HTML Tag
HTML <iframe> Tag HTML Tag
HTML <img> Tag HTML Tag
HTML <input> Tag HTML Tag
HTML <ins> Tag HTML Tag
HTML <kbd> Tag HTML Tag
HTML <label> Tag HTML Tag
HTML <legend> Tag HTML Tag
HTML <li> Tag HTML Tag
HTML <link> Tag HTML Tag
HTML <main> Tag HTML Tag
HTML <map> Tag HTML Tag
HTML <mark> Tag HTML Tag
HTML <menu> Tag HTML Tag
HTML <meta> Tag HTML Tag
HTML <meter> Tag HTML Tag
HTML <nav> Tag HTML Tag
HTML <noframes> Tag HTML Tag
HTML <noscript> Tag HTML Tag
HTML <object> Tag HTML Tag
HTML <ol> Tag HTML Tag
HTML <optgroup> Tag HTML Tag
HTML <option> Tag HTML Tag
HTML <output> Tag HTML Tag
HTML <p> Tag HTML Tag
HTML <param> Tag HTML Tag
HTML <picture> Tag HTML Tag
HTML <pre> Tag HTML Tag
HTML <progress> Tag HTML Tag
HTML <q> Tag HTML Tag
HTML <rp> Tag HTML Tag
HTML <rt> Tag HTML Tag
HTML <ruby> Tag HTML Tag
HTML <s> Tag HTML Tag
HTML <samp> Tag HTML Tag
HTML <script> Tag HTML Tag
HTML <search> Tag HTML Tag
HTML <section> Tag HTML Tag
HTML <select> Tag HTML Tag
HTML <small> Tag HTML Tag
HTML <source> Tag HTML Tag
HTML <span> Tag HTML Tag
HTML <strike> Tag HTML Tag
HTML <strong> Tag HTML Tag
HTML <style> Tag HTML Tag
HTML <sub> Tag HTML Tag
HTML <summary> Tag HTML Tag
HTML <sup> Tag HTML Tag
HTML <svg> Tag HTML Tag
HTML <table> Tag HTML Tag
HTML <tbody> Tag HTML Tag
HTML <td> Tag HTML Tag
HTML <template> Tag HTML Tag
HTML <textarea> Tag HTML Tag
HTML <tfoot> Tag HTML Tag
HTML <th> Tag HTML Tag
HTML <thead> Tag HTML Tag
HTML <time> Tag HTML Tag
HTML <title> Tag HTML Tag
HTML <tr> Tag HTML Tag
HTML <track> Tag HTML Tag
HTML <tt> Tag HTML Tag
HTML <u> Tag HTML Tag
HTML <ul> Tag HTML Tag
HTML <var> Tag HTML Tag
HTML <video> Tag HTML Tag
How to add HTML <wbr> Tag HTML Tag

Type :
 html
Category :
 Web Tutorial
Sub Category :
 HTML Tag
Uploaded by :
 Admin


 

Horje