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 >w3wiki</ 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
Contact Us