HTML source tag is used to show media resources in web pages. The audio tag and video tag are the media resources which we can show inside a web page.
1 |
<source src="url of audio source file" type="mention the type of file video or audio/wav or mp3 or ogg or mp4"> |
This is the example to show audio using source tag.
1 2 3 4 |
<audio controls> <source src="../media/peacock.wav" type="audio/wav" autoplay="true"> Your Browser does not support the audio element </audio> |
Output
You must also read
- HTML audio tag to display audio source in HTML.
This is the example to show video using source tag.
1 2 3 4 |
<video width="320" height="240" controls> <source src="../media/birdreaction.mp4" type="video/mp4" autoplay="true"> Your Browser does not support the video element </video> |
Output
You must also read
- HTML video tag to display video source in HTML.
List of allowed HTML Audio/Video Formats
Sr. No. | HTML Audio/Video availble formats for source tag | Description |
---|---|---|
1 | mp3 | Used to include mp3 extension files. |
2 | ogg | Used to include ogg extension files. |
3 | wav | Used to include wav extension files. |
4 | mp4 | Used to include mp4 extension files. |
5 | webm | Used to include webm extension files. |
List of HTML source tag attributes
Sr. No. | attribute options | Description |
---|---|---|
1 | src | Used to include location of media resources. The value for this attribute is the url of the media video/audio files. |
2 | type | Used to specify the type of the media files whether it is video or audio extension files. video/mp4, audio/mp3 etc are the values for this attribute. |
3 | autoplay | Used to specify the boolean value to start and play the sources. The value for this are true and false. |
Resources and References
1. W3C Specification.
2. HTML living standard
3. W3C project using Github