興味深い問題があります。ユーザーが画像のサムネイルをクリックしたときに「ビデオ」タグを表示するために FancyBox ライトボックスを使用しています。これは、すべての形式の HTML5 ビデオでうまく機能します。主な問題は、IE9 よりも古いブラウザーでテストすると、フラッシュ フォールバックが読み込まれないことです。
HTML5Media.info HTML5 ビデオ JavaScript プラグインを使用して、「ビデオ」タグを自動的に検出し、ブラウザが「ビデオ」タグを認識しない場合にフラッシュ フォールバック「オブジェクト」を作成します。このプラグインはリンクされたファイルであり、私のサーバーにあるファイルではないため、編集できません。
問題が「display: none;」にあることはわかっています。それは周囲の DIV の 1 つです。
を使用した方法/修正を知っています
height: 0; width: 0; overflow: hidden;
しかし、私の場合はうまくいきません。フラッシュオブジェクト/埋め込みは、ユーザーが使用しているブラウザーに基づいて動的に生成されているため、FancyBox は「display: none;」に依存しています。これは使えません。FancyBox はサイトの他の場所でも使用されており、これをサポートするように変更することは必要以上の作業になります。
周囲の DIV の表示状態が none に設定されているかどうかを検出し、DIV が表示されたときにフラッシュ ビデオを読み込むには、Javascript または jQuery を使用する方法が必要です。
これは AJAX 呼び出しで実行できますか?
これを行う方法を知っているかどうか教えてください。申し訳ありませんが、私はJavascriptが得意になっていますが、私は決して専門家ではないので、助けていただければ幸いです!
また、参照リンクが含まれていないことをお詫びします。これは会社のプロジェクトです。非開示のもの。