Youtube JavaScript API가 초기화되지 않습니다.

Question

YouTube JavaScript API를 사용하여 iFrame 삽입을 제어합니다. 함수를 설정하고 오류가 표시되지 않지만 ... here과 같이 API 초기화를 로깅하지 않습니다.

예, 그렇지 로컬, 서버를 실행중인 : http://jp.redwoodmatthews.com

내가 뭔가를 놓치고 있습니까? 아래 HTML과 자바 스크립트! 당신의 도움을 주셔서 감사합니다.

---

iframe이의 HTML :

<iframe id="ryanBingham" src="http://www.youtube.com/v/Xz5SNppHRxc?rel=0?enablejsapi=1&version=3&playerapiid=video" frameborder="0"></iframe> 

자바 스크립트 : 당신은 잘못된 API 문서에있어

function onYouTubePlayerReady(playerId) { 
    video = document.getElementById('ryanBingham'); 

    video.addEventListener('onStateChange', 'onytplayerStateChange'); 

    console.log('YouTube API initiated'); 
} 

Answer 1

. 이것은 iframe을위한 것입니다 : https://developers.google.com/youtube/iframe_api_reference

동일한 원산지 제한으로 인해 조금 다르게 작동합니다. 또한 준비 기능의 이름은 onYouTubeIframeAPIReady입니다.

마지막으로 중요한 것은 다음과 같습니다. load the API JS file