問題タブ [froogaloop]

ページに Vimeo ビデオを (ユニバーサル埋め込み iframe 経由で) 非表示にしています。リンクをクリックするとフェードインし、ビデオの外側 (ライトボックス スタイル) をクリックするとフェードアウトして非表示になりますが、ビデオは再生し続けます。JSON オブジェクトを使用してビデオを一時停止できるというVimeo の APIを読みましたが、何を言っているのかわかりません。

HTML:

JavaScript:

別のクリックイベントからvimeoビデオを一時停止できるようにしたいと思っています。

これが私がやろうとしていることの例です。

http://jsfiddle.net/isimpledesign/QsfF7/7/

リンクを介してビデオを一時停止しようとしています。

誰かが私を正しい方向に設定できますか？

アップデート：

ありがとうございました。Squeeksは正しいです。ファイルを取得するには、githubに移動する必要があります。froogaloop.js

ソート済み

ここでの実例

http://isimplesnippets.com/isimplesnippets/vimeo-api/

私は WordPress へのプラグインを構築していますが、これまでのところ PHP ライブラリでうまく機能しています。しかし、JavaScript API に問題があります。

jQueryで使用しようとしていますが、WordPressバージョンのjQueryが$fショートカットをいじっていると思います。なぜこれがうまくいかないのですか？

でその動作を確認できますtemp.woodshop.tv/?work/?dickies-campaign/?。

次のエラーが表示されます。

TypeError: 式 '$f(player).vimeoPlayer' [未定義] の結果はオブジェクトではありません。

froogaloop は、ユニバーサル埋め込みコードを使用して IE 6/7 または Firefox 3.6 で動作しません。動作させるための最良の方法は何ですか? ユーザーのブラウザが何であるかを検出し、フラッシュ埋め込みコードまたはユニバーサル埋め込みコードを出力しますか?

https://github.com/vimeo/player-api/tree/master/javascript

http://vimeo.com/api/docs/player-js#examples

froogaloop APIを使用して、vimeoのonPlay、onPause、およびonFinishイベントを認識しようとしています。私はこのことで想像できるすべてを試しましたが、運がありませんでした。

Firefoxでこのエラーが発生します：

そしてChromeでは：

CDNからのfroogaloopのインポート：

私のJS：

私のHTML：

OK、私は完全に立ち往生しています。誰かがVimeoのFroogaloopAPIを使ってVimeoビデオをロードした経験があることを本当に望んでいます。

「準備完了」イベントをキャッチできないようです。

Froogaloop：

私のスクリプト：

ビデオは正常にロードされます。これは私がコンソールに表示しているメッセージです：

一時停止などを検出するためにイベントリスナーを使用する必要があります。この投稿を見ましたが、残念ながら、主な違いは、JSONを介して動的にロードしていることです。また、VimeoにはFroogaloopの動作例がありますが、jQueryでは動作していません。

前もって感謝します！！！

わかった、私はvimeoのFroogaloop APIが本当に、本当に、本当に嫌いです。今の場所にたどり着くまでに3時間以上かかりました。彼らの例はどれも彼らのウェブサイトで私にとって役に立たなかったし、ネット上ではほとんど役に立たなかった!

ボタンをクリックするだけでビデオの再生を開始するために、vimeo と froogaloop を使用したビデオがあります。私のコードはこのウェブサイトからのものですが、再生イベントが #api_click の onclick で発生するように変更したことを除きます。

iframe には ?api=1&player_id=basketball_video があります。ビデオは、Chrome、Safari、IE9、さらには IE8 で再生を開始します! しかし、Firefox ではありませんか?!

それを再生する私のコードは次のとおりです。

vimeoプレーヤーAPIに問題があります。iframeを使用してページにVimeoビデオを埋め込み、このiframe上に画像を配置します。画像には再生ボタンがあります。この画像をクリックすると画像がフェードアウトし、次のコマンドを使用してビデオを再生します。

これは、ビデオの再生中にビデオが読み込まれるため、再生が少し厄介であるという事実を除いて、うまく機能します。ユーザーが再生ボタンで画像をクリックしたときにビデオが（完全にまたは部分的に）ロードされるように、ページのロード時にビデオのロードを開始したいと思います。私はこれを呼び出してみました：

ページの読み込み時に順次（以下を参照）。最初に再生を呼び出してから一時停止すると、一時停止中に動画が強制的に読み込まれます。重要なのは、playコマンドの直後のpauseコマンドがどういうわけか無視されるということです。つまり、ビデオはページの読み込み時に再生されているだけです。

誰かがこれを経験したことがありますか、ビデオをプリロードする方法はありますか？

Drew Baker の froogaloop API のサンプル ページに出くわしました: http://labs.funkhausdesign.com/examples/vimeo/froogaloop2-api-basics.html

HTML で正確なソース コードを表示してコピーしますが、ローカルでテストすると、API が機能せず、vimeo プレーヤーが再生されず、メッセージも警告されません。

MAMPを使用してhtmlをローカルにホストする場合にのみ機能しますなぜこれは????

ありがとう ！