javascript - Youtube iframe API、イベントの購読

Question

YouTube iframe API: 既に HTML に含まれている iframe プレーヤーを制御するにはどうすればよいですか?

ここでイベントを購読するにはどうすればよいですか? 動画の仕上がりに耳を傾けたいと思います。

Answer 1

この回答で定義されている関数を見てください: Listening for Youtube Event in JavaScript or jQuery。

あなたの場合、以下に示すようにコア関数を実装します( Fiddle: http://jsfiddle.net/w2w5x/ )

// Core functions defined at https://stackoverflow.com/q/7988536#7988536
var player;
YT_ready(function(){
    var frameID = getFrameID("YOUR-frame-or-container-ID-here");
    if (frameID) { //If the frame exists
        player = new YT.Player(frameID, {
            events: {
                "onStateChange": function(event){
                    if(event.data == "0") {
                        //The video has finished
                        alert("The video has finished!");
                        //Do something, example: play again
                        player.playVideo();
                    }
                }
            }
        });
    }
});