유튜브 iframe이 자바 스크립트 API이는 유튜브 API 문서에서입니다

Question

을 발사하지에서 onYouTubeIframeAPIReady :

대신 플레이어 API의 자바 스크립트 코드는 다음 교체 할, 당신의 페이지에 빈 요소를 작성하는, '시작'장에서 언급 한 바와 같이

" 요소를 사용하면 직접 태그를 만들 수 있습니다. "

하지만 API를 자바 스크립트에 콜백 할 수 없습니다. 어떤 도움이라도 좋을 것입니다.

<iframe id="player" type="text/html" width="640" height="360"src="http://www.youtube.com/embed/1_QO8LoGNpc?enablejsapi=1" frameborder="0"></iframe> 

JAVASCRIPT :

<script> 
    function onYouTubeIframeAPIReady() { 
     alert("hey"); 
     player = new YT.Player('player', { 
     // height: '720', 
     // width: '1280', 
     // videoId: '1_QO8LoGNpc', 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 
</script> 

내가가 Iframe을 만드는 자바 스크립트를 사용하지만 페이지에 iframe을 설정하지 작업을 얻을 수

여기 내 HTML 코드입니다. 도움!

Answer 1

하지만 코드가 작동합니다. 여기를 참조하십시오 http://jsfiddle.net/aXLA2/

<iframe id="player" type="text/html" width="640" height="360"src="http://www.youtube.com/embed/1_QO8LoGNpc?enablejsapi=1" frameborder="0"></iframe> 

<script src="https://www.youtube.com/iframe_api"></script> 

Answer 2

기능 에서 onYouTubeIframeAPIReady()를는 https://www.youtube.com/iframe_api를로드하기 전에 정의되어야한다.

<iframe id="player" type="text/html" width="640" height="360"src="http://www.youtube.com/embed/1_QO8LoGNpc?enablejsapi=1" frameborder="0"></iframe> 

    <script> 
      function onYouTubeIframeAPIReady() { 
      alert("hey"); 
      player = new YT.Player('player', { 
      // height: '720', 
      // width: '1280', 
      // videoId: '1_QO8LoGNpc', 
       events: { 
       'onReady': onPlayerReady, 
       'onStateChange': onPlayerStateChange 
       } 
      }); 
     } 
    </script> 

    <script src="https://www.youtube.com/iframe_api"></script> 

이유 : 여기

는 생각? iframe_api은로드 된 후이 함수를 호출합니다. 귀하의 경우 iframe_api가 전에로드되었습니다.

감사합니다.