0

手動で入力された iframe (javascript を介して構築されていない) として存在する YouTube ビデオの onstatechange イベントをキャプチャできるようにする必要がありますが、残念ながらその方法がわかりません。YouTube ドキュメントを見ると、JS 経由でプレーヤーを作成するときにイベント ハンドラーを接続する例がたくさんありますが、既存の iframe に対してそれを行う方法が見つからないようです。私のコードは以下の通りです：

<iframe id="video_player" enablejsapi="1" width="853" height="480" src="http://www.youtube.com/embed/ANYVIDEO rel=0&start=0&end=71" frameborder="0" allowfullscreen></iframe>


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

<script>
function onYouTubeIframeAPIReady(playerId) {
    player = document.getElementById("video_player");
    player.addEventListener("onStateChange", "video_state_change");
}
function video_state_change(data){
    alert("STATE_CHANGE: " + data);
}
</script>

あなたが提供できる助けや指導を前もって感謝します。

4

1 に答える 1

0

SWFObject を使用して YouTube プレーヤーを統合できます。

<object type="application/x-shockwave-flash" id="video_player" width="650" height="400" data="//www.youtube.com/v/ANYVID?version=3&amp;enablejsapi=1&amp;"><param name="allowScriptAccess" value="always"></object>

これにより、JS API を使用できるようになります。

次のステップはとても簡単です。次の JavaScript スニペットを HTML ファイルに追加します。

// Called automatically as soon as the player loads    
function onYouTubePlayerReady() {
    player = document.getElementById("video_player").get(0);
    player.addEventListener("onStateChange", "video_state_change");
}
于 2013-06-25T09:07:11.130 に答える