개발자의 끄적끄적

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

개발/javascript & jquery

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

효벨 2021. 8. 2. 01:00
728x90
반응형

[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
});

 

참고들 하세요!

반응형
저작자표시 비영리 변경금지

'개발 > javascript & jquery' 카테고리의 다른 글

[javascript/jquery] javascript video end event example / 자바스크립트 비디오 종료 이벤트 예제  (0) 2021.08.02
[javascript/jquery] javascript video timeupdate event example / 자바스크립트 비디오 재생시간 변경 이벤트 예제  (0) 2021.08.02
[javascript/jquery] javascript keyboard events / 자바스크립트 키보드 이벤트 종류  (0) 2021.08.01
[javascript/jquery] javascript beforeunload ajax example / 자바스크립트 beforeunload ajax 예제  (0) 2021.07.31
[javascript/jquery] javascript qrcode library / 자바스크립트 qrcode 생성 라이브러리 [링크]  (0) 2021.07.31
'개발/javascript & jquery' Related Articles more
Comments