<script type="text/javascript"> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); /** * onYouTubeIframeAPIReady 함수는 필수로 구현해야 한다. * 플레이어 API에 대한 JavaScript 다운로드 완료 시 API가 이 함수 호출한다. * 페이지 로드 시 표시할 플레이어 개체를 만들어야 한다. */ var player; function onYouTubeIframeAPIReady() { player = new YT.Player('youtubePlayer',{ height: '360', width: '544', videoId: 'Tm68KkZNN_o', playerVars: { controls: '2' }, events: { 'onReady': onPlayerReady, // 플레이어 로드가 완료되고 API 호출을 받을 준비가 될 때마다 실행 'onStateChange': onPlayerStateChange // 플레이어의 상태가 변경될 때마다 실행 } }); } function onPlayerReady(event) { console.log('onPlayerReady 실행'); // 플레이어 자동실행 (주의: 모바일에서는 자동실행되지 않음) event.target.playVideo(); } var playerState; function onPlayerStateChange(event) { playerState = event.data == YT.PlayerState.ENDED ? '종료됨' : event.data == YT.PlayerState.PLAYING ? '재생 중' : event.data == YT.PlayerState.PAUSED ? '일시중지 됨' : event.data == YT.PlayerState.BUFFERING ? '버퍼링 중' : event.data == YT.PlayerState.CUED ? '재생준비 완료됨' : event.data == -1 ? '시작되지 않음' : '예외'; // console.log('onPlayerStateChange 실행: ' + playerState); } </script>