html5 video player progress bar click funcion

Question

Is it possible to listen on html 5 video player default progress bar click using j query having specific video tag id? video tag is like

<video width="250" height="150" id="videoplayer" controls="" autoplay="" src="blob:https%3A//fiddle.jshell.net/91a12a0d-f082-4fbd-a70c-7fa94563690c"></video>

can i get click event of id="videoplayer" on progress bar

Answer 1

All the set of events possible to track are listed at the link mentioned:- Link:- http://www.w3schools.com/tags/ref_av_dom.asp

Example:- https://www.w3.org/2010/05/video/mediaevents.html

I hope this would help you.

Thanks and Regards Kautuk Sahni

Answer 2

Try the "seeking" event. It will be called if you click on the progress bar.

let videoPlayer = document.getElementById('videoPlayer');
videoPlayer.addEventListener("seeking", function(){
  console.log('seeking', videoPlayer.currentTime)
});