HTML | DOM Video src Property
The Video src property is used for setting or returning the value of the src attribute of a video. The src attribute is generally used to specify the location (URL) of the video file.
Syntax:
videoObject.src
videoObject.src = URL
Property Values:
- URL: It is used to specify the URL of the video file.
Two Possible Values:-
- Absolute URL: It points to another webpage.
- Relative URL: It points to other files of the same web page.
Return Value: The Video src property returns a string, which represents the URL of the video file. The src property returns the entire URL, including the protocol. Below program illustrates the Video src property:
Example: Changing the URL of a video.
html
<!DOCTYPE html>
< html >
< head >
< title >
DOM Video src Property
</ title >
</ head >
< body style="text-align: center">
< h1 style="color: green">GeeksforGeeks</ h1 >
< h2 style="font-family: Impact">Video src Property</ h2 >
< br >
< video id="Test_Video"
width="360"
height="240"
controls src="sample video.ogg">
</ video >
< p >To change the Url of the video,
double click the "Change URL" button.
< br >
< button ondblclick="My_Video()">
Change URL
</ button >
< p id="test"></ p >
< script >
var v = document.getElementById("Test_Video");
function My_Video() {
isSupp = v.canPlayType("video/mp4");
if (isSupp == "") {
v.src = "sample2.ogg";
} else {
v.src = "sample2.mp4";
}
v.load();
document.getElementById("test").innerHTML =
"Video Courtesy - www.geeksforgeeks.org";
}
</ script >
</ body >
</ html >
|
Output:
- Before clicking the button:
- After clicking the button:
Supported Browsers: The browser supported by HTML | DOM Video src Property are listed below:
- Google Chrome 3
- Edge 12
- Internet Explorer 9
- Firefox 3.5
- Opera 10.5
- Apple Safari 3.1
Last Updated :
12 Aug, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...