How to create HTML <source> Tag

It is An audio player with two source files. The browser will choose the first <source> it supports.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The source element</h1>

<p>Click on the play button to play a sound:</p>

<audio controls>
  <source src="https://file-examples.com/storage/fe36b23e6a66fc0679c1f86/2017/11/file_example_OOG_1MG.ogg" type="audio/ogg">
  <source src="https://file-examples.com/storage/fe36b23e6a66fc0679c1f86/2017/11/file_example_MP3_700KB.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

</body>
</html>

Output should be:

Single Articles

How to create HTML <source> Tag	HTML Tag
How to Use <source> within <video> to play a video	HTML Tag
How to Use <source> within <picture> to define different images based on the viewport width	HTML Tag
What is HTML <source> media Attribute	HTML Tag
How to add HTML <source> media Attribute	HTML Tag
How to add and Value in HTML <source> media Attribute	HTML Tag
How to add not Value in HTML <source> media Attribute	HTML Tag
How to add or/, Value in HTML <source> media Attribute	HTML Tag
How to add all Value in HTML <source> media Attribute	HTML Tag
How to add aural Value in HTML <source> media Attribute	HTML Tag
How to add braille Value in HTML <source> media Attribute	HTML Tag
How to add handheld Value in HTML <source> media Attribute	HTML Tag
How to add projection Value in HTML <source> media Attribute	HTML Tag
How to add print Value in HTML <source> media Attribute	HTML Tag
How to add screen Value in HTML <source> media Attribute	HTML Tag
How to add tty Value in HTML <source> media Attribute	HTML Tag
How to add tv Value in HTML <source> media Attribute	HTML Tag
How to add width Value in HTML <source> media Attribute	HTML Tag
How to add height Value in HTML <source> media Attribute	HTML Tag
How to add device-width Value in HTML <source> media Attribute	HTML Tag
How to add device-height Value in HTML <source> media Attribute	HTML Tag
How to add orientation Value in HTML <source> media Attribute	HTML Tag
How to add aspect-ratio Value in HTML <source> media Attribute	HTML Tag
How to add device-aspect-ratio Value in HTML <source> media Attribute	HTML Tag
How to add color Value in HTML <source> media Attribute	HTML Tag
How to add color-index Value in HTML <source> media Attribute	HTML Tag
How to add monochrome Value in HTML <source> media Attribute	HTML Tag
How to add resolution Value in HTML <source> media Attribute	HTML Tag
How to add scan Value in HTML <source> media Attribute	HTML Tag
How to add grid Value in HTML <source> media Attribute	HTML Tag
How to add HTML <source> size Attribute	HTML Tag
How to add HTML <source> src Attribute	HTML Tag
How to add HTML <source> srcset Attribute	HTML Tag
How to add HTML <source> type Attribute	HTML Tag

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