問題タブ [froogaloop]

Angular ディレクティブで Vimeo の「Finish」イベントをトリガーする際に問題があります。Vimeo ビデオはロードされており、再生および一時停止機能は正しく機能しています。

私のHTMLコード

私の AngularJS ディレクティブ

この行の上のディレクティブでは、イベントをトリガーする必要がありますが、そうではありません。

これを使用して、ディレクティブを支援しました： http://embed.plnkr.co/GKWNk3LhX0MR3lhpfqyA/preview

また、Vimeo の Web サイトでは、「イベントをトリガーする方法」について読むことができます: http://developer.vimeo.com/player/js-api

誰かが私が間違っていることを見ていますか?

誰でも私を助けることができますか？これが JSFiddle ( http://jsfiddle.net/uupd4/ ) です。

ready イベントがトリガーされたときにのみ playProgress イベントを追加するようにドキュメントに記載されていることを行いました。

ありがとう

froogaloop で動的に追加した 1 つ以上の vimeo プレーヤーから一時停止および再生イベントをキャッチしようとしています。

プレーヤーは最初は非表示になっていますが、それでもイベントをプレーヤーに添付したいと考えています。

私の問題を説明するjsフィドルを作成しました。mydiv に style:display:none がある場合、イベント Ready は発生しません。

http://jsfiddle.net/jonasvermeulen/c3dqU/2/

これは私のhtmlです：

これは私のjqueryです

display:none を削除すると動作します。

これに対する回避策はありますか?

ユーザーに見てもらいたいビデオ (vimeo) チュートリアルがあります。

各ビデオの後には、短いクイズが続きます。

これを行うのは、ユーザーがビデオをバイパスしてクイズに直行していることが経営陣の注意を引いたためです。

以下のコードを使用して、ここで大きな助けになりました。

ここにフィドルがあります

http://jsfiddle.net/QkGRd/10/

私が混乱しているのは、Clickリンクが表示される前にビデオが完全に再生されるため、フィドルが期待どおりに機能することです。

ただし、同じコードを (自分の PC で) 実行すると、ビデオを見た後にリンクが表示されません。

何が間違っている可能性がありますか？

プラグインVimeowrap Playlistを使用して、特定のチャンネルの動画のプレイリストを作成しています。それはうまく機能していますが、今はビデオのイベントを追跡する必要があります: 再生、一時停止など. froogaloop を使用してそれを行うと、エラーが発生しますCannot read property 'getAttribute' of undefined. どういうわけか froogaloop は Vimeowrap スクリプトと競合しています。誰でもこの問題を解決できますか?

これはプラグインコードです:

これが私の問題全体のjsfiddleです。

div が何も表示されないように設定されているときに、Vimeo ビデオを一時停止するスクリプトを作成する方法を見つけようとしています。froogalop Vimeo API スクリプトがリンクされています。

クリック時の次のコードがありますが、停止をクリックする代わりに表示時に自動的に表示されるように調整したいと思います。

どんな洞察もいただければ幸いです

JavaScript Player API ( https://developer.vimeo.com/player/js-api )を使用して、アプリに vimeo ビデオを動的にロードしようとしています。

froogaloop API の js ファイルは既に読み込んでいますが、生成したプレーヤー iframe をページに追加して API ($f($playeriframe)) に渡すと、代わりに Flash Player が読み込まれます。

これは IE と Firefox でのみ発生し、Chrome では正常に動作します。

何らかの理由で、$playeriframe オブジェクトを FF と IE のページに追加するとすぐにレンダリングされ、Flash Player が読み込まれます。クロムでは、プレーヤーは現在の操作のバッチの後にのみロードされます。