javascript, detect a mouse click inside a specific video place

See more:

Javascript

PHP

jQuery

Hi, I have a video on a website, I want to detect a mouse click in a specific place on the video for example in the centre of a video. The point is that in the video content a button appears and when a user clicks on it I want it to be redirected to the url page.
For now I have something like this.

 <video id="current_video" class="video-js" width="400" height="300" controls="controls" preload="auto">
   <source src="video.mp4" type='video/mp4' />  
    

 $('body').on('click', function(e) {

   
    if (e.pageX <= 500 && e.pageY <= 500) {

    
       alert("cool");
    }
});
  </video>

Now I have the 500x500 pixels covered, but I want to find the specific spot inside the video. I know I could find the spot according to the whole webpage pixels, but I want this to work in all browsers. Any solution to solve this would bring me joy. Thank You.