youtube apiでeventの処理を分岐させたい

Question

onPlayerReady時にplayer01限定の処理があるのですが、
player02のときも実行されてしまうため、
分岐させたいのですが、何を条件に
onPlayerReady(event)内で分岐させたらいいのかわからず質問させていただきました。
お手数おかけしますがご挙示のほど宜しくお願いします。

function onYouTubeIframeAPIReady() {

    var player01 = new YT.Player('player01', {
    playerVersion=HTML5&hl=ja
    height: videoH,
    width: videoW,
    videoId: '',
    rel: '1',
    modestbranding: '1',
    showinfo: '0',
    fs: '0',
    controls: '1',
    autohide: '1',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });

    var player02 = new YT.Player('player02', {

        height: videoH,
        width: videoW,
        videoId: '',
        rel: '1',
        modestbranding: '1',
        showinfo: '0',
        fs: '0',
        controls: '1',
        autohide: '1',
            events: {
                'onReady': onPlayerReady
            }
        });
}

function onPlayerReady(event) {
    gaPlayers.push(event.target);
    gaMovieState[iframeID] = false;
    event.target.setVolume(0);

    var block = document.getElementById('player01');
    var blockW = block.clientWidth;
    block.style.height = parseInt(videoRto * blockW) + "px";
}

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

event.target.aにiframeエレメントが入っていました。
iframeエレメントからIDを取得すればよさそうです。

if(event.target.a.id == 'player01') {
    // 処理
}

補足：
eventオブジェクトの仕様を探したのですが見当たりあませんでしたので実行結果から確認してます

追記：
オブジェクトの中身を確認する際は、console.dir()が有効です。

console.dir(event);
console.dir(event.target);

外部のAPI等を使う際は仕様書を確認するのが一番良いと思いますが、
併せて上記のようにデバッグすると理解が早いと思います。

Comments

[m.ts10806]

> eventオブジェクトの仕様を探したのですが見当たりあませんでしたので実行結果から確認してます

そのあたりのデバッグのやり方もあったほうが丁寧かもしれませんね。デバッグすればわかったことでもありますし・・・

[mri0815]

mts10806 さん＞
ありがとうございます。たしかにそうですね・・・！
追記しました。

Answer 2

event.target.id がplayer01のときに処理をしてみては。

Comments

[MeB]

回答ありがとうございます。
if(event.target.id == player01) {
var block = document.getElementById('player01');
...
こちらを試してみたのですが処理がされませんでした。
すみません。

[mri0815]

横から失礼します、event.target.aにiframeエレメントが入っているようです、 if(event.target.a.id == 'player01') なら行けそうです。（eventオブジェクトの仕様を探したんですが見当たりあませんでしたので実行結果から確認してます）

[MeB]

ありがとうございます。うまくできました。
>event.target.aにiframeエレメントが入っている
このようなこので色々変わるのですね…。eventの使用ちゃんと読んでおきます。
ありがとうございました。

[MeB]

こう言う場合はkei344さんの回答にベストアンサーでいいのでしょうか…？

[mri0815]

何を条件に分岐するか、という点についてはkei344さんの回答のとおりかな、と思ったのでコメントにさせていただいたのですが、後から同じ課題の方が見たときにわかりにくそうですね、すみません。改めて回答として投稿します。

[kei344]

To: MeBさん
mri0815さんの回答にベストアンサーでお願いします。