問題タブ [froogaloop]

Vimeo の Froogaloop API に苦労しています。

私は Web ベースのゲームに取り組んでおり、ユーザーが次のレベルに入る前に、ビデオ全体 (3 分以内) を視聴する必要があります。

現在の時間の値がビデオの長さよりも短い限り、評価する現在の時間を取得し続ける while ループを使用できると思いました。値が一致すると、次のレベルにリンクするボタンのロックが解除されます。そのためには、getCurrentTime と getDuration の値を JavaScript 変数内に格納する必要があります。

ここまでは簡単そうに見えますが、どうやら Froogaloop には get メソッドを含むコールバック関数が必要なようで、それらを変数に適切に保存することができません。

しかし、この方法では、「durata」変数は未定義を返します。何か不足していますか？

ありがとうございました

SwipeView ( http://cubiq.org/swipeview ) を使用して、タッチスクリーン デバイスでスワイプ可能なスライドショーを作成しています。これは画像で十分簡単ですが、スライドショーに Vimeo ビデオも含めたいと思います。残念ながら、iFrame はスワイプ入力をそれ自体でキャプチャするため (少なくともこれが起こっていると思います)、ビデオ プレーヤーのスライドに到達すると、ページネーションをタップしない限り、スライドから離れることはできなくなります。これは受け入れられません。

私の解決策は、ページのどこかにビデオを隠し (display: none; または height: 0; などを使用)、ビデオの再生をトリガーするクリック イベントでスライドショーの画像を使用することでした。ビデオが非表示になっている場合でも、再生時に全画面表示にして再生する必要があります (少なくとも iPhone では)。

この手法は、デスクトップ ブラウザでテストすると問題なく動作しますが、iPhone ではおかしな動作をします。テスト目的で、ビデオはスライドショーの下に表示されています。ページを読み込んでスライドをタップしても何も起こりません。ただし、実際のビデオ プレーヤーをタップしてビデオを再生すると、ビデオが閉じられると、スライドをタップしてビデオを再度再生できます。基本的に、プレーヤーを介してビデオを再生すると、API を介してビデオを再生できますが、最初にプレーヤーを使用しないと再生できません。

これが私のコードです：

player.ready イベントが適切に機能していること、および画像のクリック イベントが適切に機能していることをテストで確認しました。問題は完全にplayer.api('play')通話にあるようです。これを達成するための助け、または別の方法をいただければ幸いです。

froogaloop ライブラリを使用して、再生/一時停止機能が組み込まれた vimeo ビデオ用の AngularJS ディレクティブを作成しました。

それは素晴らしい作品です！唯一の問題は、ページが最初に読み込まれたときに次のエラーが発生することです。

'DOMWindow' で 'postMessage' を実行できませんでした: 提供されたターゲットのオリジン (' http://player.vimeo.com ') が受信者ウィンドウのオリジンと一致しません

ディレクティブで froogaloop オブジェクトを間違って初期化していますか? どんな提案でも大歓迎です。

ここでプランカーをチェックできます: http://plnkr.co/edit/GKWNk3LhX0MR3lhpfqyA

ビデオの再生が終了したら、vimeo ビデオ プレーヤーを画面外にアニメーション表示したいと思います。

HTMLは次のとおりです。

どうやって始めたらいいのかわからない。縮小された froogaloop2 コードを自分のサイトに追加しました。プレーヤーを取得して、finish メソッドを呼び出す方法を見つけようとしています。

ありがとう

私はvimeo APIを使用して、再生が終了した後にビデオを画面からスライドさせています。ビデオ プレーヤーの下に、非表示の「リプレイ」という画像があります。.hide()ただし、画像はプレーヤーよりもわずかに大きいため、css を介してまたはdisplay: nonecss 内で画像を非表示にし、ビデオ プレーヤーのアニメーションが完了した後に表示したいと考えています。

これが私のjsです：

したがって、最初の行は画像を隠しています。そして、onFinish関数が完了すると、画像を取得しようとしてshow()いますが、機能しません。それを逆にして行うときは、次のことに注意してください。

できます。

ここに私のHTMLがあります：

そしてCSS：

display: nonecssでも設定してみましたが、うまくいきません。何が欠けているのかわからない。

ありがとう。

編集

ログアウトすると ($(player) が返されます:

ログアウトconsole.log($(player).next());すると、表示しようとしている画像がログアウトされます。

Vimeo APIを使用していますが、プレーヤーの「終了」イベントの後にフルスクリーン ビデオ モードを閉じる必要があります。そして、「終了」をキャッチする方法は知っていますが、フルスクリーンから切り替えることは可能ですか?

ここに froogaloop プレイヤーの例へのリンクがあります - jsfiddle.net/bdougherty/HfwWY/light/

1 つのページでさまざまな iframe に対して Froogaloop を呼び出そうとしていますがthis、playerID の最初の文字 (「vimeo1」、「vimeo2」など) のみを返しています。

each() の直前に playerId (文字列) を記録すると正常に返されますが、each() の内部に入るとすぐにthis"v" になります。

ありがとう！