22 | #4 | How To Update The Seek Bar | Custom Video Player Using JavaScript | Web Diary

Today we will learn how to update the video seek bar using JavaScript.
We will take the help of click event and will do some calculation using clientWidth, offsetX, video duration.

I have also included a task, please watch the video and do it...
All the very best.

🔍 Search web diary , webdiaryfamily on Telegram

👉 JavaScript Videos

LIVE Coding Challenges

👉 Web Design Basic Videos

👉 CSS Basic Videos

👉 UI / UX Videos

👉 CSS Basic Videos

Social Media

Queries solved

[mohamedanees]

sir ee let currentrange il video.duration event inte ullil ninn eduthathano atho duration enn variable save cheythathil ninn eduthathanno

[athc]

Oru doubt unde. progressRange nte addEventListener il njan oru event koduthappol athayath ingane
video.addEventListener("click", updateSeekbar); ennu koduthappol nik console video play cheythappol ath complete aayitt njan progressBar il allathye video ude vere vere sideiloke click cheythapol nik console il Pointer Event{isTrusted :true, pointerId :1, width :1, height :1, pressure:0, ....} Inganoke vannu.
But njan event sir ee video il paranjathpole maaty koduthappol athayath ingane progressRange.addEventListener('click', updateSeekbar); koduthitt console il video play cheythapol nik console il mouse event onum varunilla.but video play aakunund pause aakununund evdeya nik error vannath aarelum reply tharumoo 🙏🙏🙏 video.event kodukkunnathum pinne progressBar.event kodukkunnathum vere vere aanoo oru reply pratheeshikkunnu

[praseetha]

Video.currentTime is not working . When i click on progressbar, video is playing from Plz help ...

[abhijith_mr]

in my condition this current time is not working
when I give any value
eg:
video.currentTime=5


here in console it will be 0
so please do help to solution this 😕😕

[itzstvr]

chetaa kidu turorial aattoo...but basic javaScript alpam lagging aanu..so make a Full Course Video for us...pls (part part is boring..)