HTML <source> type Attribute

The type attribute on an <source> tag specifies the media type of the source file. A media type, formerly known as MIME type, indicates the format and nature of the file.

Example

#

Two <source> elements with a type attribute.
The type value specifies the media type (formerly MIME type) of the video files.

<video width="320" height="240" controls>
  <source type="video/mp4" src="/media/movie.mp4">
  <source type="video/ogg" src="/media/movie.ogg">
</video>

Using type

The type attribute specifies the media type of the source file.

A media type, formerly known as a MIME type, indicates the format and nature of a file.

Browsers don't look at a source's file extension, but rather what media type it is.

A list with common HTTP Media Types is available on this site.

Tip: The IANA organization maintains a list of all official media types.


Common media types

There are hundreds of media types.
These are some common types that are used on the web.

Media Type Description
text/html HTML
image/png PNG
application/pdf PDF
application/vnd.ms-excel Excel
text/csv Comma Separated Values
video/mp4 MP4

Tip:  Check our HTTP Media Types Reference for a more complete list of common media types.


Syntax

<source type="media-type">

Values

#

Value Description
media-type The media type of the source file.

Browser support

Here is when type support started for each browser:

Chrome
4.0 Jan 2010
Firefox
3.5 Jun 2009
IE/Edge
9.0 Mar 2011
Opera
10.5 Mar 2010
Safari
4.0 Jun 2009

You may also like

 Back to <source>
Guides