Vue.js 2 - vue-youtube-embed 동영상 종료 상태를 감지하는 방법은 무엇입니까?

Question

내 vuejs 구성 요소에 Youtube API를 사용하려면 vue-youtube-embed을 사용하고 있습니다.

<script> 
export default { 
    data() { 
    return { 
     videoId: 'HjxYvcdpVnU', 
     videoLaunched: false, 
     videoLoaded: false, 
     videoRewatch: false, 
     videoEnded: false 
    } 
    }, 
    computed: { 
    videoThumb: function() { 
     return 'https://img.youtube.com/vi/' + this.videoId + '/maxresdefault.jpg'; 
    } 
    }, 
    methods: { 
    launchVideo() { 
     this.videoLaunched = true; 
     this.player.playVideo(); 
     document.getElementsByTagName('body')[0].classList.add('overlay'); 
    }, 
    ready(player) { 
     fitvids(); 
     this.player = player; 
     this.videoLoaded = true; 
    }, 
    ended() { 
     console.log('Ended'); 
    } 
    } 
} 
</script> 

과 HTML :

여기 내 코드입니다

<youtube :video-id="videoId" @ready="ready" @ended="ended" player-width="100%" 
    player-height="57" :player-vars="{ autoplay: 0, controls: 1, modestbranding: 1, showinfo: 0, rel: 0 }"> 
</youtube> 

종단() 메소드가 트리거되지 않고 나는 왜 확실하지 않다.

ready() 메소드가 정상적으로 작동하므로 console.log가 ended() 메소드에서 트리거되지 않는 이유가 확실하지 않습니다.

문서에서 어떻게 수행하는지 예제를 볼 수 없습니다.

Answer 1

저자는 나에게 예를 쓴 내가이 다음과 같은 작업을 가지고있다면 : [예]로 https://github.com/kaorun343/vue-youtube-embed/blob/master/play/Events.vue