중단 | 비디오가 일시 중지 된 경우 delay () 함수 제거 (지연이 완료되지 않은 경우에도 더 이상 지연하지 마십시오)

비디오 자막 시스템을 만듭니다. 지금 저는 자막이있는 단계에 있습니다. 텍스트가있는 상자가 특정 시간과 특정 위치에 표시되고 x 초 후에 사라집니다. 그러나 나는 이것에 갇혀있다 : 자막이 여전히 표시 될 때 비디오를 일시 중지하면-계속 표시하고 싶지만 x 초가 지나서 어쨌든 숨겨집니다.

질문 : 비디오가 일시 중지 된 경우 지연 기능에 관계없이 자막 상자가 계속 표시되도록하려면 어떻게해야합니까? 자막이 표시되는 동안 일시 중지 된 후 동영상이 재생되면 남은 시간 (x_total-already_shown = left_seconds)을 계산 하시겠습니까?

JQUERY : (마지막 두 줄)

  $('video').bind('play',function() {
  $('.play_btn').hide();
  if($('.word') && $('.pos') && $('.time') && $('.sec')){ 
     $pos = $('.pos').val().split(','); 
     var seconds = $('.sec').val();
     $('video').on("timeupdate", function(){
       console.log(parseInt(this.currentTime)); 
       if(parseInt(this.currentTime) == $('.time').val()){console.log(seconds);
            $('.video_cover').append("<div class='sub' style='background:white;z-index:2147483647 ;padding:5px;top:"+$pos[0]+"%;left:"+$pos[1]+"%;position:absolute;'>"+$('.word').val()+"</div>");    
       }
         if (this.paused == false) { $('.sub').addClass('sub_spesial_class');$(".sub_spesial_class").delay(seconds*1000).hide(100);console.log('play'); 
            }else{console.log('pauzed');$('.sub').removeClass('sub_spesial_class'); }
    })
}
});   

보시다시피-비디오가 재생 중일 때 특정 클래스를 추가하고 해당 클래스에 지연 기능을 추가 한 다음 비디오가 일시 중지되면 해당 클래스를 제거했습니다. 그리고 나는 클래스를 제거함으로써 그 지연 기능을 중단 할 것입니다. 그러나 그것은 작동하지 않았습니다. :( 그래서, 마지막 질문 : 비디오가 일시 중지 된 경우 지연 기능을 어떻게 중단 / 제거 / 수면 할 수 있습니까? (그리고 비디오가 다시 재생 될 때-새 지연 기능을 설정 한 다음 자막 숨기기) 미리 도와 주셔서 감사합니다. .