2012-02-08 7 views
0

JW PlayerとColorBoxおよびjQueryを併用しているため、コールバックが正しく起動しているようには見えません。ここでは抜粋です:JW Player/ColorBoxコールバックが起動しない

$(".thumbnail").live('click', function(event) { 

     event.preventDefault(); 

     var videoFile = $(this).attr('id'); 

     jwplayer('viewPort').setup({ 
        'flashplayer': '../jwplayer/player.swf', 
          'file': 'data/' + videoFile, 
          'id': 'playerID', 
          'width': '100%', 
         'height': '100%', 
        'controlbar':'bottom', 
      'controlbar.idlehide':'false', 
          'skin':'../jwplayer/skins/big.zip', 
         'plugins': { 
            'gapro-2': { }, 
            }, 
        'onComplete': function() { 
             $("#colorBox").colorbox.close(); 
            } 
     }); 

     $("#colorBox").colorbox({ 
       'width':"80%", 
       'height':"80%", 
      'transition':"fade", 
      'scrolling':false, 
       'inline':true, 
       'href':"#viewPort", 
       'open':true, 
      'onComplete': function() { 
          jwplayer('viewPort').play(); 
         }, 
      'onClosed': function() { 
          jwplayer('viewPort').remove(); 
         } 
     }); 

    }); 

発射ないものはjwplayercolorboxためonCompleteです。

コンソール(Firebug)にコマンド$("#colorBox").colorbox.close();を実行できます。になります。同じのためjwplayer('viewPort').play();

メソッド名の間に衝突がありますか? onClosedがうまくいきます。あなたは、オプションのeventsプロパティ内のイベントハンドラを置くことになっているJWPlayerについては

答えて

1

は、オブジェクト:http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference#Events

jwplayer(...).setup({ 
    ... 
    events : { 
     onComplete : function() { 
      console.log('Chicken\'s Done!'); 
     } 
    } 
}); 

はここでイベントハンドラを登録する方法について説明しますドキュメントのセクションへのリンクです

私はカラーボックスとあまり慣れていないんだので、私はあなたがそれのためにコールバックを初期化するかどうかはわかりませんが、ドキュメントは、あなたがこのようなグローバルonCompleteイベントと結合することができると述べている:

$(document).bind('cbox_complete', function(){ 
    setTimeout($.colorbox.next, 1500); 
}); 

出典:http://jacklmoore.com/colorbox/(底部近くである "イベント・フック")私は `events`オブジェクトを逃していた

+0

!私はそれを何度読んだのか分かりませんが、まだそれを見ませんでした。ありがとう! 'cbox_complete'に関しては、私のトリガ要素が動的に生成されているので私にとってはうまくいかないでしょうし、毎回jwplayerとcolorboxをクリーンアップします。しかし、私のjwplayerイベントを 'events'オブジェクトにラップすると、私は必要なすべてを手に入れました!ありがとう!! – daniel0mullins

関連する問題