How to rewind custom html5 js video?

Question

JavaScript

I am making a video player with js.

Did everything except rewind. I can not figure out how to rewind the video at all. There is an idea when mousemove on the < progress > element to find the distance (cursor coordinates) from the beginning of < progress > to the cursor itself and when clicking, change the cuurentTime of the video to this value. But I can't figure out how to find these coordinates starting from the element . e.pageX works from the beginning of the document or not?

var mouseX = Math.floor(e.pageX - progressBar.offsetLeft);

so returns incomprehensible coordinates, exactly NOT from the left edge of the progress edge and to the cursor

Answer 1

Yuzay e.clientX is x relative to the viewport. element.getBoundingClientRect()returns the coordinates of the element also relative to the viewport. Good luck.