onReadyが呼び出されていない

Question

var player = null; 

function LoadYouTubeIframeAPI() { 
    var scriptElement = document.createElement("script"); 
    scriptElement.src = "http://www.youtube.com/iframe_api"; 
    var firstScriptElement = document.getElementsByTagName("script")[0]; 
    firstScriptElement.parentNode.insertBefore(scriptElement, firstScriptElement); 
} 

function onYouTubeIframeAPIReady() { 
    var playerParams = { 
    playerVars: { 
     "enablejsapi": 1, 
     "origin": document.domain, 
     "rel": 0 
    }, 
    events: { 
     "onReady": onPlayerReady, 
     "onError": onPlayerError, 
     "onStateChange": onPlayerStateChange 
    } 
    }; 
    player = new YT.Player("player", playerParams); 
} 

function onPlayerReady(event) { 
    alert("ready") 
} 

function onPlayerError(event) {} 

function onPlayerStateChange(event) {} 

私の完全なコードです。

何らかの理由で決して解雇されることはありません。誰もこれで助けることができますか？私はちょうどそれを何時間も働かせることはできません.. Googleは私をまったく手助けしていません。

Answer 1

1. プレーヤーには<div>要素があることを確認してください。
2. 関数LoadYouTubeIframeAPIが実際に呼び出されていることを確認してください。あなたのコードでは決して実行されないからです。あなたはただそれを定義しています。
3. JavaScriptを使用したHTTP Ressourcsの読み込みはHTTPサイトでのみ機能するため、HTTPS経由でサイトにアクセスしていないことを確認してください。

Hereは実施例である、あなただけの、あなたのデスクトップ上のtest.htmlというファイルを作成し、それに内容を貼り付け、ウェブブラウザでそれを実行することができます。あなたはそれがうまく動作することがわかります。

Here詳細については、APIリファレンスをご覧ください。