3

Vimeo の JavaScript API であるFroogaloopをいじっていて、現在再生中の Vimeo iFrame にクラスを追加しようとしています。API のイベントを使用すると、十分に単純に思えますが、頭を包むことができないようです。ここに私がこれまでに持っているものがあります：

以下のコードは、彼らの例を簡略化したものです。コンソールにエラーは発生していませんが、ログを取得していません (したがって、クラスを取得していません)。何か不足していますか？

ご協力いただきありがとうございます！

var iframe = $('article.video iframe')[0],
    player = $f(iframe);

player.addEvent('ready', function() {
    player.addEvent('play', on);
    player.addEvent('pause', off);
    player.addEvent('finish', off);
});

function on(id) {
    console.log('playing');
    player.addClass('playing');
}
function off(id) {
    console.log('not playing');
    player.removeClass('playing');
}

アップデート

問題は間違いなく変数に関係しています。Playerどの iframe を使用するかを Froogaloop に指示し、iframeそれがどの html オブジェクトであるかを識別します。したがって、問題は、ページ上のすべての iframe を識別し、Froogaloop がアクティブ化されたときに適切な iframe をフィードする方法だと思います。

4

1 に答える 1

0

はい、ご覧のとおり、on（）関数とoff（）関数では、FroogaloopがパラメーターごとにiframeのIDを提供しています。したがって、その場合は、次のようにクラスを追加および削除する必要があります。

$('#'+id).addClass('playing');

$('#'+id).removeClass('playing');

また、HTMLでは、すべてのiframeタグにid = "videoX"を指定し、さらにiframeのsrcプロパティのURLアドレスの最後に＆player_id=videoXを追加する必要があります。

于 2012-10-04T16:17:49.600 に答える