問題タブ [wmode]

FLASH-のz-indexとオーバーレイするDIV-elementでいくつか問題が発生しました。

私はこのjQuery/Javascriptソリューションを使用しました。これは、すべての（YouTubeとVimeo）iframeの「src」に「wmode =transparent」パラメーターを追加して、z-indexの問題（ちらつきなど）を解決します。

jQuery / Javascriptソリューションがこの問題を修正するまで（$（window）.load（function（）{}） 、（DOMのレンダリング中に）z-index-flickeringがまだあるため、 PHPでこのソリューションが必要になります。 .. $（document）.ready（function（）{}は私にはできません）。

たとえば、私のPHPコンテンツは次のようになります...

...そしていくつかのpreg_match/regex-magicの後でこのように見えるはずです;）

よろしくお願いします！

最高のマイク=）

PS：私の考えは、事前にPHPを介してz-indexの問題を解決することです（クライアント側ではなくサーバー側）。

PPS：参考までに-MySQL-DBからHTML-content /-tagsを含む「content」文字列を取得します。jQuery/Javascriptを介してDOMを変更するのではなく、これらの文字列を変更したいと思います。

更新/編集：

「OneTrickPony」の正規表現ソリューションを構築することは私のために働きました。最初の「preg_replace」を編集して、2番目の「preg_replace」を追加しました。1つ目は各iframe-srcの末尾に「？wmode =transparent」を追加し、2つ目は「？」を置き換えます URLに2回存在する場合は、「＆」を付けます。

美しい解決策ではありませんが、私の目的には完璧に機能しました。

より良い提案はありますか？

wmode が設定されていないいくつかのフラッシュ オブジェクトを含む Web ページをデバッグしています。ブラウザまたはフラッシュ プレーヤーがそれらに割り当てている値を知る必要があります。

<div>jwplayerにをオーバーレイしようとしています。これを行うには、「wmode」パラメータを「transparent」に設定する必要があると思います。これまでのところ、私はこの方法でそれを試すことに失敗しました：

誰かが私がどこで間違っているのかわかりますか、あるいは「wmode」が設定するのに間違ったパラメータです？

現在、バックグラウンドにSWFを使用しているWebサイトで問題が発生しています。ただし、特定のAndroidデバイスでWebサイトを表示する場合、SWFの階層化は無視され、最上位に強制されることが確認されています。

いくつかの調査の結果、これはアドビの公式Webサイトからの次のメモに関係している可能性が最も高いことがわかりました。

注：WMODEパラメーターは、一部のブラウザーとFlashPlayerのバージョンの組み合わせでのみサポートされます。WMODEパラメータがサポートされていない場合、SWFファイルは常に一番上に表示されます。詳細については、SWFファイルに透明な背景を作成するを参照してください。

ソース： http： //helpx.adobe.com/x-productkb/multi/swf-file-ignores-stacking-order.html

それで、ユーザーのFlash PlayerがWMODEパラメーターをサポートするかどうかを検出できるかどうか疑問に思いました。サポートしない場合は、SWFを非表示にして表示できますか？

YouTube ビデオが埋め込まれていますが、位置が固定されているメニューがスクロールされません。むしろ、スクロール時にビデオがメニューに重なっています。

次のコード スニペットは、私が現在試したことを示しています。

これらのバリエーションはどれも機能していません。これに対する修正を見つけた場合はお知らせください。

問題は、IE ではビデオ jwplayer5 がすべてを超えていることです。私の目標は、再生/一時停止の影響を防ぐために、ユーザーがビデオをクリックしないようにすることです。ビデオの上に div を配置するように提案されたので、実行しましたが、Internet Explorer (9 をチェックしています) では機能しません。

既知の実用的な提案はありますか?

これは私のビデオです:

これは私のdivで、ビデオは次のとおりです。

これは、ビデオの上にオーバーレイ div を作成する CSS です。

私はこれに対する答えを得るためにさまざまなフォーラムで質問をしていますが、どれも私のために働いているようには見えません.

サードパーティの Web サイトを iframe に埋め込んでいます。ウェブサイトにはいくつかのフラッシュ コンテンツがあります。Iframe には、div 自体であるドロップダウン メニューがほとんどないコンテナ div があります。これらのメニューは、Web サイトのフラッシュ ビデオの背後に表示されますが、これは明らかに望んでいるものではありません。メニュー (div) を常にフラッシュ コンテンツの上に配置したいと考えています。私はYouTubeビデオで同じ問題を抱えていました.wmode = opaqueを埋め込みURLに追加すると、そこで問題が解決しました. この問題は、ビデオを含むサード パーティの Web サイトに関係しているため、異なります。

以下は、いろいろ調べているうちに思いついたものです。 理由: Flash ビデオはブラウザー プラグインによってレンダリングされ、html 要素ではないため、css の z-index 値は影響しません。彼らは常にトップに立つでしょう。

いくつかの回答/回避策
1属性 wmode= transparent をフラッシュ ビデオに追加します。私はサード パーティの Web サイトのコンテンツを管理していないため、これを行うことはできません。
2 div の後ろに透明な iframe を配置します。これが何を意味するのか完全に理解していないため、これまで試したことはありません。 div の周りに iframe を配置する必要がありますか?

上記の先に進むだけで十分なのか、それとも解決策または回避策として不足しているものがあるのか​​ を確認したいと思います. この問題に直面しているのは IE (9 および 10) のみです。Firefox ではすべて問題なく表示されます。お時間をいただきありがとうございます。

ありがとう

埋め込まれたビデオの上に div コンテナを配置するのが好きです。このようなもの：

問題は次のとおりです。背景なし、透明な背景、または背景/divに不透明な要素が必要です-機能しません...

どうして？！

助けてください=）