щелчок по панели поиска перезапускает видео вместо поиска

Question

$('.video-player').each(function(_, videoPlayer) {
let eleVideoObj = $(videoPlayer).find("video");
let eleVideoSeekbar = $(videoPlayer).find(".video-seekbar");
let eleVideoProgress = $(eleVideoSeekbar).find(".progress");

let totalDurationInSeconds = 0;
let currentTimeInSeconds = 0;
let currentDuration = null;
let totalDuration = null;

$(eleVideoSeekbar).on('click', e => {
   let tempSeekPosition =
   e.pageX - videoPlayer.offsetLeft - eleVideoSeekbar['0'].offsetLeft;
   let tempSeekValue = tempSeekPosition / eleVideoSeekbar['0'].clientWidth;
   eleVideoObj['0'].currentTime = tempSeekValue * totalDurationInSeconds;
});
}

Я пытался посмотреть и понять, почему он перезапускает видео, но я не могу и еще не знал. Мне нужно знать, почему это происходит, потому что, как вы, возможно, догадались, это происходит на моем веб-сайте

заранее спасибо!

Answer 1

Хорошо, я понял это после того, как возился с ним и пытался понять это

я удалил экземпляр videoPlayer, теперь он идет

e.pageX - eleVideoSeekbar['0'].offsetLeft;

вместо

e.pageX - videoPlayer.offsetLeft - eleVideoSeekbar['0'].offsetLeft;

$('.video-player').each(function(_, videoPlayer) {
let eleVideoObj = $(videoPlayer).find("video");
let eleVideoSeekbar = $(videoPlayer).find(".video-seekbar");
let eleVideoProgress = $(eleVideoSeekbar).find(".progress");

let totalDurationInSeconds = 0;
let currentTimeInSeconds = 0;
let currentDuration = null;
let totalDuration = null;

$(eleVideoSeekbar).on('click', e => {
   let tempSeekPosition =
   e.pageX - eleVideoSeekbar['0'].offsetLeft;
   let tempSeekValue = tempSeekPosition / eleVideoSeekbar['0'].clientWidth;
   eleVideoObj['0'].currentTime = tempSeekValue * totalDurationInSeconds;
});```
}