Функция Javascript не срабатывает при просмотре видео

Question

В настоящее время работает над страницей, содержащей видео, которое необходимо приостановить в определенных точках (например, в главах). Так что я сделал функцию, которая будет остановить видео, когда она попадает в следующий «маркер времени», который выглядит следующим образом:

function vidPause(nextMarker){ 
 
    var timeMarker = nextMarker; 
 

 
    if(videoPlayer.currentTime >= timeMarker) { 
 
    videoPlayer.pause(); 
 
    videoPlayer.removeEventListener('timeupdate', vidPause()); 
 
    } 
 
};

И я пытаюсь стрелять это так:

videoPlayer.addEventListener('timeupdate', vidPause(nextMarker));

Но это только кажется, что огонь, когда видео загружается. Ничего не происходит, когда воспроизводится видео (проверено с помощью console.log(videoPlayer.currentTime); внутри функции vidPause).

Примечание: Мне нужно, чтобы функция вызывалась таким образом, чтобы я мог удалить прослушиватель событий, когда он попадает в маркер времени, таким образом он не остановится, когда пользователь захочет воспроизвести видео с этой точки.

Заранее благодарим за любые предложения!

Answer 1

Функция вызывается один раз в строке addEventListener, но на самом деле она не передается как обратный вызов.

Попробуйте это:

function videoUpdate(e) { 
    vidPause(nextMarker, videoPlayer.currentTime;); // Now call your function 
} 

function vidPause(nextMarker, timeStamp){ 
    var timeMarker = nextMarker; 

    if (timeStamp >= timeMarker) { 
    videoPlayer.pause(); 
    videoPlayer.removeEventListener('timeupdate', videoUpdate); 
    } 
}; 

videoPlayer.addEventListener('timeupdate', videoUpdate); // Note no brackets, as it's passing a ref to the function rather than calling it 

Я не знаю, что сфера nextMarker есть, но вы должны быть в состоянии начать консольный регистрацию и узнать.