YouTube iframe api (기존 iframe); iframe-API가 작동하지 않습니다.

Question

저는 하나의 웹 사이트에서 여러 개의 비디오를 가질 수있는 "비디오 사이클러"를 만들고 있습니다. 그러나 그것들 중 하나가 크다. 비디오 재생이 끝나면 "자동주기"를 갖도록 계획했습니다. onStateChange 기능을 사용하여 언제 순환해야 하는지를 파악하려고했습니다. 모든 것은 API가 작동하도록 할 수 없다는 사실에 대해 잘 예상됩니다. (실제 비디오는 아직 공개되지 않기 때문에 다른 동영상 ID를 사용하여)

HTML :

<iframe id="video0" width="640" height="385" src="https://www.youtube.com/embed/dREeDjQ0jIg?rel=0&enablejsapi=1&origin=*" frameborder="0" allowfullscreen></iframe> 

자바 스크립트 :

var player; 
function onYouTubeIframeAPIReady() { 
    video = document.getElementById('video0'); 
    player = new YT.Player(video, { 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }) 
    } 
function onPlayerReady(e) { 
    console.log("hey Im ready"); 
    } 
function onPlayerStateChange(e) { 
    console.log(e) 
    } 

로그 : 자원을로드하지 못했습니다 : 서버가 404 상태로 응답 함 (찾을 수 없음)

Answer 1

그것은 내 문제가 비디오가 내 파일의 전체 경로를 나열

&origin=SERVER_URL/IP 

내 서버를 가지고 있지 공개되는 및하지 않는 콤보 것을 밝혀 (그것은 지역이었다 서버, 그래서 일부 포트 포워딩 않았다).

Answer 2

iframe에 문제가 있다고 생각하십시오! 실제 비디오가 공개되지 않았기 때문에 오류 404가 예상 할 수있는 것입니다!