2011-12-25 5 views
2

フレンドスライダーの実装を修正しようとしている友人のサイトで働いていたので、vimeoビデオが再生されているときにユーザーが別のスライドに切り替えると、 。私はこの文脈でfroogaloopとjqueryを使うことに問題があります。私が試しているコードは次のとおりです。jquery、froogaloog、wordpressでVimeo iframeを制御するのに問題がある

(function() { jQuery('.flexslider').flexslider({ 
     slideshowSpeed: slideshowDelay+"000", 
     directionNav: false,      
     animation: "fade" , 
     after: function (slider) 
     { 
      console.log("next"); 
      var currentSlide = slider.currentSlide; 
      var slides = slider.slides; 

      jQuery(slides).each(function (i) 
      { 
       if(i != currentSlide) 
       { 
        var slide = jQuery(slides[i]); 
        jQuery(slide).attr({class : 'slide_selector'}) 
        var vimeo = jQuery('.slide_selector iframe'); 
        if(vimeo.length !== 0) 
        { 

         var src = jQuery(vimeo).attr('src') 
         var controlObject = {"method" : "pause" }; 
         var domWindow = vimeo[0].contentWindow; 
         jQuery(vimeo[0]).bind('ready' , function 
         { 
          console.log("PlayerId: "+ player_id) 
          froogaLoop(player_id).api('pause'); 
         }); 
        } 
       } 
      })         
     } 
    }); 
    showProject(projectSlug); 
});) 

これはどのような方法でも機能していません。私はFroogaloopフレームワークでinit関数を使用することになっていたが、Froogalo.fn.init(それに到達する唯一の方法)を実行すると、getAttributesプロパティを持っていないことがわかりました。これはすべてかなり混乱しています。私の主な質問は、私がfroogaloopでこれらのiframeをどのように初期化するかということです。

メモ。私は$がワードプレスに干渉するように見えるので、ライブラリの私のバージョンで$ fをfroogaLoopに置き換えました。

答えて

1

ここにいくつかの問題があります。

(それは示されていないが、私はそうでなければ、のgetAttributesエラーを見ていないだろう、あなたは正しくfroogaloopのjsファイルを含めていると仮定しています。)

私はあなたのコードを表示するつもりです自分のサイトに行ったスニペットを自分のコードに組み込むことができます。ここで

は、Vimeoのプレーヤーをロードし、私のサイトから関連htmlです:

<iframe id="vvq-62-vimeo-1" src="http://player.vimeo.com/video/50138878?title=1&byline=1&portrait=0&fullscreen=1&api=1"></iframe> 

注意すべき最初の事はあなたがAPIを活性化させるために、SRCに& API = 1を追加しなければならないということです。

あなたはそれをやった後は、この標準のjQueryはあなたのiframe取得します。その後、

player = $f(iframe); 

コンソールでこれをテストした場合、:

iframe =jQuery('#vvq-62-vimeo-1')[0]; 

これはfroogaloopプレーヤーを初期化しますがこの時点で、次のように表示されます。

次に、このcのようなapiコマンドを実行できますommandビデオを再生するには:あなたは無効なオブジェクトにfroogaloop APIを実行しようとすると

player.api('play'); 

FYI、のgetAttributesエラーが表示されます。上記のコードを見ると、どこにplayer_idが設定されているのかは不明なので、おそらくそれが問題です。

mkm