YouTubeをJavascriptでカスタム

質問

JS初心者です。
YouTubeの動画をJavascriptでカスタマイズ（ミュート、自動再生）したのですが、2つ以上の動画に適用させることができません。
２つめの動画は自動再生はされるのですが、ミュートにならず苦戦しています。

<script type="text/javascript">
function onYouTubePlayerReady(playerId) {
if(playerId == "player1"){
player1 = document.getElementById("myplayer1");
play();
}
}
function play() {
if (player1) {
player1.setVolume(0); //ミュート
}
}
</script>

player1の名前をplayer2,3...として複数の動画にそれぞれのカスタムを適用させたいのですが、どのようにプログラムを組めばよいのでしょうか。

プログラム元↓
http://blog.digital-assist.net/?p=90

回答No.1

Ogre7077 · ベストアンサー

こんなのでどうでしょう

○ playerApiId と 要素id の対応表を作る
var table = { "player1": "myplayer1", "player2": "myplayer2", ... };

○ 対応表を使って flash を埋め込む
var a = "player1";
swfobject.embedSWF(url + "&playerapiid=" + a, ... , { id: table[a] });
var b = "player2";
swfobject.embedSWF(url + "&playerapiid=" + b, ... , { id: table[b] });
...

○ 関数 onYouTubePlayerReady 内で、対応表から操作すべき要素のIDを引く
if (playerId in table) {
var player = document.getElementById( table[playerId] );
if (playerId == "player1") player.setVolume(0);
if (playerId == "player2") player.playVideo();
...
}

お礼

ご回答ありがとうございます。
大変恐縮なのですが、具体的にどの文をどの辺りに組み込めばよいのかまで教えていただけないでしょうか。
ご迷惑をおかけします。