問題タブ [froogaloop]

私は友人のサイトで、彼のflexsliderの実装を修正して、vimeoビデオが再生されていて、ユーザーが別のスライドに切り替えた場合にそのビデオを一時停止するように取り組んでいます。このコンテキストでのfroogaloopとjqueryの使用に問題があります。これが私が試しているいくつかのコードです：

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

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

Vimeoビデオの再生ボタンがクリックされたら、関数を呼び出そうとしています。

何らかの理由で、再生がクリックされたときではなく、iframeの読み込み中に関数が呼び出されます。誰かが理由を説明できますか？

これは私のコードです：

ありがとう！

Vimeoビデオクリップの特定のポイントにスキップして再生するのに問題があります。

froogaloop seekto関数を使用してスキップさせることができましたが、ビデオがすでに再生されていない限り、再び最初に戻ります...

これが私のページの例です...

http://jsfiddle.net/q6Lxg/

非常に奇妙な。別の単純な iframe がある場合、イベントは発生しません。iframe を削除しましたが、うまくいきました。

追加の iframe を含む html:

vimeo-0905.js は、プレイグラウンドからコピーした単純なイベント キャッチャーです。iframeなしで完全に動作します:

froogaloop を依存関係として使用するインタラクティブなトランスクリプト プラグインに取り組んでいます。私はそれをほぼ正確に望んでいますが、文をクリックするとビデオ seekTo() が正しい場所に移動し、数秒先にジャンプするという問題があります。ジャンプは、クリックされた最初のスパンタグの時間に相関しているようです。

注: 最初に再生を押してから文をクリックすると、クリック時間のバグは発生しません。ただし、一時停止を押してから文をクリックするか、完全に停止した文をクリックすると、再び表示されます。

これが役に立てば幸いです。このエラーを修正できたら、このプラグインをリリースします。私はウイスです

ありがとう！

http://jsfiddle.net/r8FT2/1/

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

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

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

アップデート

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

Woo Theme の Flexslider を使用して、複数の Vimeo ビデオでスライダーを作成しています。Froogaloop ($f) ライブラリを使用して、vimeo イベントに基づいて Flexslider を再生および一時停止することはできますが、Flexslider で次/前のイベントを取得してビデオを一時停止することはできません。

各 vimeo プレーヤーが変数としてハードコードされている場合は機能しますが、任意の数のビデオをサポートできるようにするにはスライダーが必要です。ここで例を参照してください: http://demo.astronautweb.co/slider/flex/vimeo-multi.html

Flexslider ページの例は、オブジェクトであるスライダー イベントをフックし$f(player)ます (私はそう思います)。これは、コードで使用するときに最後のスライドのみを対象としています。W

Flexslider 独自のslide.currentSlideを使用しようとすると、オブジェクトではなく要素のみをターゲットにできます。これは、私の JavaScript 知識の上限に達した場所です。

コードは次のとおりです。

});

私は vimeo froogaloop API を使用して、外部ボタンからビデオを制御しています (これはスタイルの問題です)。

これまでの jsfiddle の進捗状況は次のとおりです: http://jsfiddle.net/andrewminton/H8ynJ/

私がやろうとしているのは、playProgress イベントの API をリッスンして、CSS の幅を .playhead div のパーセンテージで変更できるようにすることです。

プレイバーの CSS 幅のパーセンテージが更新されない理由はありますか?

現在のバージョンのJqueryとFroogaloopを使用しています。この問題は有害ではなく、ビデオは引き続き再生されますが、（Firefoxで）ビデオをスクラブしようとすると、ビデオが消えて、vimeoビデオで「これをロード中にエラーが発生しました。ビデオ"。JSコンソールで「リソースの読み込みに失敗しました」と表示されます。それは何よりも厄介です、問題はChromeでもランダムに発生します。

以下は私のコードです

繰り返しますが、愚かなスクラブエラーを除いてすべて機能します。助けていただければ幸いです。

誰かが助けてくれることを願っています。私はこれに対する解決策を検索して検索し、Javascript をいじりましたが、それは私を超えています。他の誰かがこれを理解できることを願っています。

FlexSliderはカルーセルとして素晴らしい仕事をしますが、複数のビデオが必要な場合、FlexSlider アニメーションを停止したり、ユーザーが次のカルーセル スライドをトリガーした場合に自動的に再生を停止したりすることはできません。

1つで十分簡単です。次の Javascript は、これがどのように行われるかを示しています。しかし、ご覧のとおり、ID を持つ要素に依存しています。問題は、不明な量のビデオがあることです。ある場合もあります。場合によっては20になることもあります。

任意の数のビデオを処理できるように、以下のコードを変更する方法はありますか?

PHP/HTML は次のようになります。

考えられる解決策: FOR ループを実行して動画の数を数え、$f(player)Javascript で のさまざまなインスタンスを多数作成します。より良い方法はありますか？