2012-05-05 2 views
7

YouTube API를 사용하여 비디오가 끝나는 것을 감지하고 JS 함수를 호출하려고하면 다른 것을로드해야합니다. 호출 기능은 내 HTML 문서의 머리 부분에있는 다른 JS 문서에 있습니다. 이것은 API 사이트에서 지금까지 가지고있는 코드이지만 정말 혼란 스럽습니다.youtube API 끝 비디오로드

<pre><code> <script> 




var ytfullplayer; 
    function onYouTubePlayerAPIReady() { 
     console.log('onYouTubePlayerAPIReady'); 
     ytfullplayer = new YT.Player('myVid', { 
      events: { 

       if ''onStateChange': getVideo 

      } 
     }); 

    } 
    function getVideo(); } 


</script> </code> </pre> 

나는 내 페이지의 머리 부분에 youtube api를 호출했습니다. 하지만 100 % 확신 할 수는 없습니다. 도움이 될 것입니다. 내 YouTube 동영상 용으로 사용하고 있습니다.

환호 매트

답변

12

이 API는의 예를 제공합니다 당신이 Subscribing to Events 아래 시도하고 다음 "onStateChange에"이벤트에 대한 핸들러로 정의 함수 바인딩

function onYouTubePlayerReady(playerId) { 
    ytplayer = document.getElementById("myytplayer"); 
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); 
} 

function onytplayerStateChange(newState) { 
    alert("Player's new state: " + newState); 
} 

, 새로운 평가 안에서 상태. API의 이벤트 부분에 따르면 동영상이 종료되었음을 나타내는 0 상태를 찾고 있습니다.

function onytplayerStateChange(newState) { 
    if (newState == 0) { 
    /* load next video */ 
    } 
} 
+0

감사합니다. –