Help for Video API Practice

MDN Learn
#1

Here’s the link to the original project:

At the end it challenges you to make the time bar clickable and go to the corresponding time in the video. I’ve done that but the timer bar is going past the box it should be staying in. Making it so you can click into the Rewind and Forward buttons, also initiating those functions. I’ve tried all sorts of things trying to refer to just the .timer class. Also trying to give the .timer class only a specified width of 204 pixels. Or that the you cant click past a certain amount of pixels in the timer bar; but then the last part of where you can click still doesn’t correspond with the ending length of the video. The video is 120 seconds long and the timer bar is supposed to be only 204 pixels wide

Here’s the link to my Glitch Project:

#2

Hi,

I think the issue is that your toJump() function doesn’t work as you expected. You don’t need to once again setup document.onClick() inside of this handler function, you can directly set up your video jump.

I tried a simple fix here and it works as expected: