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
<video src="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | The URL of the video file.
Possible values:
|
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 |