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:
- Return the src property:
videoObject.src
- Set the src property:
videoObject.src = URL
Property Values:
- URL: It is used to specify the URL of the video file.
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.
<!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
- Internet Explorer
- Firefox
- Opera
- Apple Safari