YouTubeプレーヤーをJavaScriptで制御する

YouTubeプレーヤーを使って色々ゴニョゴニョしているのですが、YouTubeAPIをJavaScriptで制御する方法です。

まず動画を読み込む際に次のようなパラメータを追加

http://www.youtube.com/v/yAqbKgP0zQM

↓

http://www.youtube.com/v/yAqbKgP0zQM?enablejsapi=1&playerapiid=ytplayer

そうすると動画終了時に発火するイベント「onYouTubePlayerReady」が設定されますので、onYouTubePlayerReady時に動画オブジェクトを取得しておきましょう。

var ytplayer;
function onYouTubePlayerReady(playerId) {
      ytplayer = document.getElementById("myytplayer");
}

このようにしておくと動画再生中に「ytplayer.getCurrentTime()」というメソッドで動画再生時間が取得できるようになったりします。

参考:YouTube JavaScript Player API リファレンス