HTML <source> Tag

Description

The <source> HTML element is used to specify multiple media resources on media elements (such as <audio> and <video>).
This element allows you to specify alternative video and audio files which the browser may choose from based on its media type or codec support.

Properties

Permitted Parents

A media element—<audio> or <video>—and it must be placed before any flow content or <track> element. A <picture> element, and it must be placed before the <img> element

Content

None. It is an empty element.

Start/End Tags

Start tag: required, End tag: forbidden

Example

<video width="300" height="240" controls>

  <source src="audio/toy.mp4" type="video/mp4">

  <source src="audio/toy.ogv" type="video/ogg">

  Your browser does not support the video tag.

</video>

Attributes

Global Attributes

The <source> tag also supports the Global Attributes in HTML5

Event Attributes

The <source> tag also supports the Event Attributes in HTML5

Browser Support

Desktop
9	Yes	Yes	3.5	Yes	Yes
Tablets / Mobile
Yes	Yes	4	X	Yes	Yes

Last updated by CSSPortal on: 6th December 2019