HTML DOM onprogress Event
The DOM onprogress event in HTML occurs when the browser is downloading the specified audio/video.
Events occur during the loading process of an audio/video:
- onloadstart
- ondurationchange
- onloadedmetadata
- onloadeddata
- onprogress
- oncanplay
- oncanplaythrough
Supported Tags
Syntax:
<element onprogress="myScript">
object.onprogress = function(){myScript};
- In JavaScript, using the addEventListener() method:
object.addEventListener("progress", myScript);
Example: Using the addEventListener() method
html
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM onprogress Event
</ title >
</ head >
< body >
< h1 style = "color:green" >
GeeksforGeks
</ h1 >
< h2 >
HTML DOM onprogress Event
</ h2 >
< video controls id = "vidID"
width = "320" height = "240" >
< source src =
type = "video/mp4" >
</ video >
< script >
document.getElementById(
"vidID").addEventListener("progress", GFGfun);
function GFGfun() {
alert("Video progress");
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: The browsers supported by HTML DOM onprogress Event are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 9.0
- Firefox 6
- Apple Safari 3.1
- Opera 12.1
Last Updated :
15 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...