[비메오 API] iframe 영상 종료 시 0초로 이동

#비메오 #vimeo #비메오API

 

안녕하세요.

Gi-1의 개발일기 입니다.

 

비메오 영상은 반복재생을 하지 않으면 영상 종료 후에 관련영상이 뜨게 되는데요.

이를 막기 위해서 영상 종료 시 0초로 이동하게끔 해 볼 것 입니다.

 

<iframe src="https://player.vimeo.com/video/영상KEY" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<script src="https://player.vimeo.com/api/player.js"></script>

<script>

const iframe = document.querySelector('iframe');

const player = new Vimeo.Player(iframe);

player.on('play', function() {

  // 비디오 시작 시 발생할 이벤트

});

player.on('ended', function() {

    // 비디오 종료 시 발생할 이벤트

    player.setCurrentTime(0);

});

</script>