0

jquery サイクル プラグインを使用して、ユーザーが手動でフリックできるスライドショーに多数の埋め込まれた Vimeo ビデオを表示しようとしています。これはすべてのデスクトップブラウザで完全に機能しますが、何らかの理由でiPadでビデオの再生を開始すると、スライドから離れるとスライドから消えます. この例はhttp://jsfiddle.net/deshg/gPfg7/にあります。ビデオを再生する前に、前へ/次へを数回クリックしてみてください。デスクトップと iPad で問題なく動作します。再読み込みして、最初のビデオの再生をクリックし、次へをクリックしてから前へをクリックすると、最初のスライドに戻ります。これはデスクトップでは機能しますが、iPad ではビデオが消えましたが、オーディオはまだ再生されています。

YouTube で同様のことを試して、iframe/ビデオの問題であるかどうかを確認しましたが、これも機能しませんが、スライドが空白になる代わりに、コンテンツやコントロールのない黒い YouTube プレーヤーが表示されるだけのようです (ただし、オーディオはまだ再生中): http://jsfiddle.net/deshg/gPfg7/2/ . 私の人生では、なぜこれが起こっているのか、または他の場所でそれへの参照を見つけることができません.

本当にありがとう、

デイブ

4

2 に答える 2

0

コードをテストしようとして気が狂ってしまわないように、少なくとも iMac では、Youtube は過去 24 時間、タッチ アンド ゴーでした。それはあなたの問題に関連しているかもしれませんし、関連していないかもしれませんが、私はYoutubeを使って何かをテストするつもりはありません。

于 2012-07-11T21:47:49.787 に答える
0

これは一種の「答えのない」答えです。Vimeo ビデオを JavaScript/jQuery の表示/非表示で動作させることは、王様の苦痛です。イベントを JavaScript API で動作させることは気にしないでください。

RANT彼らのドキュメンテーションには、多くの要望が残されています。提供されていても、独自の例が機能しない場合があります。JavaScript とのやり取りに関しては、YouTube は Vimeo よりもはるかに進んでおり、はるかに確実に実行されます。暴言を終わらせる

どのブラウザーを対象としているかはわかりませんが、JavaScript を使用して Vimeo ビデオを表示/非表示にすると、さまざまなブラウザーで奇妙な動作が発生することもわかっています。

これをやってのけるために私がしなければならないことは、いくつかのことであることがわかりました：

  • IE が問題になる場合は、残念ながら Flash 埋め込み方式を使用する必要があります。ごめんなさいiOS。HTML5 が埋め込まれた動画を JavaScript で表示/非表示にすると、「キー フレーム」ではなく、ブラック ボックスでランダムに動画が読み込まれます。これは実際にはどちらか一方の状況です。したがって、IE と iOS のどちらが重要かを選択してください。ランダムなブラック ボックスを表示する IE ユーザーと一緒に暮らす必要があるようです。
  • 特定のイベントに応答するために Vimeo JavaScript API に依存している場合、それらを表示/非表示にすることも、クロスブラウザーで動作させるには少し奇妙です。自分で Cycle プラグインを試してみましたが、他の特定のイベントが強制終了されました (ユーザーが別のスライドに切り替えたときに再生中のビデオを一時停止するなど)。私がしなければならなかったことは、ビデオが含まれている「アクティブな」コンテナにクラスをアタッチすることでした。<object>次に、絶対に -4000px (つまり、ページから離れた位置)に配置されるように CSS を設定します。コンテナが「アクティブ」になると、ページに戻すように<object>なりました。position:staticしたがって、技術的には、ビデオは DOM から削除されることはなく、位置が変更されるだけです。

これらの 2 つの箇条書きは、私が Vimeo のビデオを操作してきた何時間にもわたる苦痛を要約したものです。(YouTube は簡単でしたが、クライアントは Vimeo を使用することを主張しました) 「WTF」と顔をしかめた瞬間がたくさんありました。少しでも時間を節約できたことを願っています。

于 2012-07-11T14:13:02.207 に答える