[javascript/jquery] javascript video end event example / 자바스크립트 비디오 종료 이벤트 예제

[javascript/jquery] javascript video end event example / 자바스크립트 비디오 종료 이벤트 예제

 

 

html 에서

 

video 태그를 다루다 보면

 

스크립트로 각종 이벤트를 제어해야하는

 

경우가 종종 있습니다.

 

그중에서 영상이 종료된 이벤트를 감지하는 방법을

 

공유해보고자 합니다.

 

 

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

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

 

위 영상이 종료된 후 무언가 처리를 하고 싶으면

 

아래와 같이 ended eventListner 를 등록하시면 됩니다.

 

그리고 그 안에 처리하고자 하는

 

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

 

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

 

참고들 하세요!