HTML DOM Video loop Property
The Video loop property is used for setting or returning whether a video should start playing over again when it is finished or not.
Syntax:
- Returning the loop property:
videoObject.loop
- Setting the loop property:
videoObject.loop = true|false
Property Values:
- true | false: It is used to specify whether the video should start playing over again, every time it is finished or not. It is false by default.
Return: A Video loop property returns a Boolean true if the video starts playing over again, every time it is finished, else, it returns false.
The below program illustrates the Video loop property :
Example: Setting the video to loop.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Video loop Property
</ title >
< style >
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >Video loop Property</ h2 >
< br >
< video id = "Test_Video" width = "360"
height = "240" controls>
< source src = "samplevideo.mp4"
type = "video/mp4" >
< source src = "movie.ogg"
type = "video/ogg" >
</ video >
< p >
For enabling the loop on the video,
double click the "Enable Loop" button.
</ p >
< p >
For checking the loop status on the video,
double click the "Check Loop" button.
</ p >
< button ondblclick = "Enable_Loop()"
type = "button" >
Enable loop
</ button >
< button ondblclick = "Check_Loop()"
type = "button" >
Check Loop
</ button >
< p id = "test" ></ p >
< script >
let v = document.getElementById(
"Test_Video");
function Enable_Loop() {
v.loop = true;
v.load();
}
function Check_Loop() {
alert(v.loop);
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: the browser supported by HTML DOM Video loop Property are listed below:
- Google Chrome 3
- Edge 12
- Internet Explorer 9
- Firefox 11
- Opera 10.5
- Apple Safari 3.1
Last Updated :
26 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...