HTML <source> type Attribute
The HTML <source> type attribute is used to specify the MIME type of the media resource.
Syntax:
<source type="media_type">
Attribute Values: It contains single value MIME_type which specifies the MIME_type of the media resource. Few MIME types are video/ogg, videomp4, audio/ogg etc.
Example 1: This example illustrates the use of <source> type attribute with the audio file.
html
<!DOCTYPE html> < html > < head > < title > HTML source type Attribute </ title > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > w3wiki </ h1 > < h3 >HTML Source type Attribute</ h3 > < audio controls> < source src = "https://write.w3wiki.net/wp-content/uploads/11.wav" type = "audio/mpeg" > </ audio > </ body > </ html > |
Output:
Example 2: This example illustrates the <source > type attribute with the video file.
html
<!DOCTYPE html> < html > < head > < title > HTML source type Attribute </ title > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > w3wiki </ h1 > < video width = "420" height = "240" controls> < source src = "https://media.w3wiki.net/wp-content/uploads/20190614120700/20190614_112020.mp4" type = "video/mp4" > </ video > </ body > </ html > |
Output:
Supported browsers:
- Google Chrome
- Edge 12 and above
- Internet Explorer 9.0 and above
- Mozilla Firefox 3.5 and above
- Safari
- Opera