[javascript/jquery] 자바스크립트 비메오 영상 종료 확인하는 방법

[javascript/jquery] 자바스크립트 비메오 영상 종료 확인하는 방법

 

 

요즘 웹사이트에

 

유투브나 비메오 같은 영상을 연동하는일이 많이 있습니다.

 

그중에서 비메오의 영상을 연동할 경우

 

동영상이 종료되는 시점을 알아내고 싶을때

 

아래와 같이 스크립트를 이용하면 됩니다.

 

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);
player.on('ended', function() {
    // end video
});
</script>

 

위 내용 보시면 아시겠지만,

 

player 객체에 ended 이벤트를 수신하는 콜백 함수를 구현하면

 

동영상 재생이 종료되었을때,

 

하고자 하는 액션을 취할 수 있습니다.

 

참고들 하세요!