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

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

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:

Type:	html
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin