Horje

How to add HTML <source> type Attribute

Definition and Usage

The type attribute specifies the Internet media type (formerly known as MIME type) of the media resource.

Browser Support

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

Syntax

<source type=" media_type ">

Attribute Values

Value Description
media_type Specifies the Internet media type of the media resource.

Common media types:
For video:
  • video/ogg
  • video/mp4
  • video/webm
For audio:
  • audio/ogg
  • audio/mpeg
Look at IANA Media Types for a complete list of standard media types
index.html
Example: HTML 

<!DOCTYPE html>
<html>
<body>
<h1>The video element</h1>
<video width="320" height="240" controls> <source src="https://www.sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4"> <source src="https://www.sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/ogg"> Your browser does not support the video tag.
</video>
</body>
</html>

Output should be:

How to add HTML <source> type Attribute

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


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