YouTubeプレイヤーAPIを使って動画を操作する

YouTubeのAPIには大きくわけて二種類。動画検索系のDataAPIとプレイヤーの操作を可能にするプレイヤーAPI。

プレイヤーAPIにもFLASH向けとかいろいろあるのですが、iPhoneでも動くようにと考慮するとIframeAPI一択になります。

リファレンス
https://developers.google.com/youtube/iframe_api_reference?hl=ja

簡単に使い方。

プレイヤーを埋め込むdivを作っておきます。
<div id="player"></div>

JavaScriptでIframeAPIを読み込む。
var tag = document.createElement("script");
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName("script")[0];;
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

APIの読み込みが完了すると、onYouTubeIframeAPIReady()がイベントとして呼ばれますので用意します。

function onYouTubeIframeAPIReady(){
}

この関数の中でごにょごにょやれば基本大丈夫です。

シンプルな記述だと、
function onYouTubeIframeAPIReady(){
var params = {
videoId : "'動画のID",
events : {
onReady = function(e){
console.log("playerの準備ができました。");
e.target.playVideo(); // 読み込みが完了したら自動再生。iPhoneでは最初の一回は自動再生は無理。
},
},
};
var player = new YT.Player("player", params);
}

こんな感じかな。
上記のソースで動作確認はしてないけど、こんな感じ。

CentOSにNode.jsをインストール

webSocket周りをやりたいのでnode.jsをインストールします。

node.jsをインストールするにあたってパッケージ管理ソフトであるnvmがあると楽です。

gitでnvmを落とします。

git clone https://github.com/creationix/nvm.git ~/.nvm
source ~/.nvm/nvm.sh
nvm --version

nvmのバージョンが表示されればインストール完了です。
そもそもgitが入っていない場合は、yum install git

次は本命のnode.jsのインストール

nvm install v0.10.26
node -v
# 最新版のバージョンは公式サイトで確認

インストール完了。