問題タブ [wmode]

IE ファミリーのブラウザー (フラッシュなし / html5) の適切なフォールバックとして、ページに Quicktime ビデオを埋め込みます。後でビデオをオーバーレイする div があるため、Quicktime 埋め込みは wmode=transparent である必要があります。以下は埋め込みコードです。

問題は、quicktime プラグインをロードする前に埋め込み領域が白く点滅することです。埋め込みが正常に完了し、ビデオの再生が開始されますが、コントロールバーは白くブロックされています。

これを修正する方法についてのアイデアはありますか? (wmode の変更はオプションではありません)。これは、すべての IE ブラウザー + FF3.6 (より高いバージョンはテストしていません) で発生します。

ありがとう。

絶対配置コンテナーの下に iframe を表示する際に問題があります。この問題は Google Chrome でのみ発生するようですが、IE 9、Firefox、および Safari では問題ありません。

コードサンプル

これらのコンテナ (スライド) はすべて、JS で生成された同様の CSS を共有します。

連続するすべての div には、前のものよりも大きい zIndex があります。つまり、150、152、154、156 です。

4 番目のコンテナーは、常に他の要素よりも上に表示されるように設定されています。ありますが、YouTube ビデオが 3 番目のビデオに挿入されている場合はそうではありません。ビデオは常に、一番上にあるはずの 4 番目の要素を含むすべての要素の上にとどまります。

スタイルシートと JS の両方を使用して、iFrame 用に次の css を試しました。

ただし、これは Chrome 14 では役に立ちませんが、Safari を含む他のすべての現在のブラウザーでは機能します。

これが何に使われるのか知りたい人のために説明すると、スタックのようなもので、スライドをアニメーションで見ることができます。[次へ] をクリックすると、一番上のアイテムが送り返されますが、その端はまだ表示されています。

何かご意見は？

YouTube iframe ( Youtube iframe wmode issuewmodeを参照) を介して埋め込むときにパラメーターを設定すると、少なくとも Chrome 14 では機能しなくなり、IE でも同様に報告されています。問題を示すために、この jsfiddle を作成しました: http://jsfiddle.net/HYPBb/1/。が iframe 内の Flash と重なっていないことに注意してください。div

これは既知の問題ですか? YouTube のサイトには、これを報告する開発者フォーラムはないようです。この問題を解決する別の方法はありますか?

ブロックの新しい子供なので、うまくいっていない場合はお詫びします。私はフルイメージのバックグラウンド プラグインを一緒に使用しています: http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/ そして、フラッシュ ローダーのバックグラウンド プラグイン: http://jquery.lukelutman.com/plugins/閃光/

フラッシュ ムービーの wmode パラメータを透明に設定するまではすべて正常に動作し、ムービーは完全に消えます (音を聞くことができるのでロードされます) が、表示されません。

透明なフラッシュ ムービーを上に重ねた完全な背景画像が欲しいのですが、それで終わりです。誰かがこれを修正する方法や新しい方法を教えてくれれば、それはとても良いことです!!

ちなみに、これが私のコードです。とてもシンプルです。

一部の GUI に Flash を使用するスタンドアロン製品 (ブラウザー ベースではない) があります。ウィンドウレス コントロールにフラッシュ レンダリングを行い、そのビットマップを 3D テクスチャとして使用して、directx で表示します。

ムービーから完全なアルファが必要なため、伝統的に「黒でレンダリングしてから白でレンダリングし、苦労してフラッシュ ムービーからアルファ情報を抽出する」という方法を利用してきました。

Flash 11 の時点で、ビットマップを何に事前に入力しても (wmode=transparent を使用しても)、Flash はそれを黒で上書きするようになったため、アルファを抽出できず、醜い黒のアウトラインがどこにでも残ります。

Flash の wmode=transparent が再び機能し始めたら素晴らしいことですが、wmode=window を使用して、Flash がターゲットのレンダー ビットマップにアルファを直接提供できるようになれば、さらに素晴らしいことです。

フラッシュにとってより良い、私たちにとってより良い。しかし、私が見る限り、Draw() メソッドは RGB のみをレンダリングし、RGBA はレンダリングしません。

私はこれをやっています：

したがって、自分のページのYouTubeビデオを調べると、次のように表示されます。

ページ上にドラッグ可能なオブジェクトがfixed positionありz-index:9999ます。ただし、YouTubeビデオをこのオブジェクトの背後に配置するように変更することはありません。wmodeを設定しても、YouTubeビデオは常に一番上にあります。

私がここで間違っていることについて何か考えはありますか？

ここで関連する質問をいくつか見つけましたが、私の問題に固有のものはありません。「wmode=transparent」パラメーターを使用して Flash オブジェクトを埋め込みました。

最新の Chrome を除くすべてのブラウザで背景が透明になります。なぜこれが起こるのか分かりますか？

これが私のコードです：

CSSドロップダウンメニューがあり、そのすぐ下にFlashビデオ（YouTubeコードが埋め込まれています）があります。Flashビデオは私のドロップダウンをカバーしていますが、Safariでのみです。

私はz-indexをいじってみましたが、wmodeに対して「不透明」と「透明」の両方を試しました（これは過去に常にこれを修正してきました）。

ビデオが私のドロップダウンをカバーするのを止める方法について何かアイデアはありますか？

wmode=directページのフラッシュ オブジェクトに適用したい。
古いブラウザ (IE6、IE7 など) ではどのような動作をしますか?
それとも古いバージョンの Flash Player ですか?
パラメータは default( window) またはとして動作しますかtransparent?