유튜브(Youtube) 동영상 로드, 종료 이벤트 API

<div id="player"></div>

<script src="http://www.youtube.com/player_api"></script>

<script>

// Create youtube player

var player;

// videoId : 공유URL(http://youtu.be/UaY9xbHmVAc)에서 'http://youtu.be'만 제거한 아이디

// playerVars : autoplay-자동시작, controls-하단컨트롤 사용여부, html5-html5 사용여부

function onYouTubePlayerAPIReady() {

player = new YT.Player('player', {

height: '480',

width: '853',

videoId: 'UaY9xbHmVAc',

playerVars: { 'autoplay': 1, 'controls': 1, 'html5': 1 },

events: {

'onReady': onPlayerReady,

'onStateChange': onPlayerStateChange

}

});

}

// autoplay video

function onPlayerReady(event) {

//동영상 로드가 끝난 후 이벤트 

alert("동영상 로드");

}

// when video ends

function onPlayerStateChange(event) {        

if(event.data === 0) {

//동영상 끝난 후 이벤트 

alert("영상 끝");

}

}

</script>