[javascript/jquery] how to catch video seeking event / 비디오태그 seek 이벤트 예제

[javascript/jquery] how to catch video seeking event / 비디오태그 seek 이벤트 예제

 

 

html 에서

 

영상을 재생할때

 

video 태그를 사용합니다!

 

그중에서

 

video 재생중 탐색

 

즉, 영상재생위치를 앞이나 뒤로 이동하는 것을

 

제어해야 하는 경우가 있습니다.

 

그럴때 사용하는 event 가

 

seeking 입니다.

 

 

우선 아래와 같은 video 태그가 있다고 가정하고,

<video id="video" controls autoplay style="width: 400px;" muted>
    <source src="VIDEO_URL" type="video/mp4">
</video>

 

위 video 가 재생되는 중

 

재생위치 검색을 제어하고 싶으면

 

아래와 같은 eventListner 를 생성하고

 

로직을 작성하시면 됩니다!

 

video.addEventListener('seeking', function() {
    // to do
});

 

참고들 하세요!