How to add HTML <video> src Attribute in HTML <video> Tag

It will Play a video.

Definition and Usage

The src attribute specifies the location (URL) of the video file.

The example above uses an Ogg file, and will work in Chrome, Edge, Firefox and Opera.

To play the video in old Internet Explorer and Safari, we must use an MPEG4 file.

To make it work in all browsers - add several <source> elements inside the <video> element. Each <source> elements can link to different video files. The browser will use the first recognized format:

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

The src attribute is supported in all of the major browsers, however, the file format defined may not be supported in all browsers.

Syntax

Attribute Values

Value	Description
URL	The URL of the video file. Possible values: An absolute URL - points to another web site (like src="http://www.example.com/movie.ogg") A relative URL - points to a file within a web site (like src="movie.ogg")

Value

Description

URL

The URL of the video file.

Possible values:

An absolute URL - points to another web site (like src="http://www.example.com/movie.ogg")
A relative URL - points to a file within a web site (like src="movie.ogg")

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The video src attribute</h1>

<video width="320" height="240" controls src="https://www.sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4">
  Your browser does not support the video tag.
</video>

<p><b>Note:</b> The .ogg fileformat is not supported in old IE and Safari.</p>

</body>
</html>

Output should be:

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