Web ページでフラッシュの wmode 属性を使用する方法をご存知ですか?

Web 開発を行う際に、フラッシュがページ内の要素をブロックする状況に遭遇することがあります。フラッシュコンテナとレイヤー深度 (z-index) をどのように設定しても、役に立ちません。既存の解決策は、フラッシュを挿入する埋め込みタグまたはオブジェクトタグに「wmode」属性を追加し、wmode="transparent" または "opaque" に設定することです。しかし、wmode 属性の意味は何でしょうか。なぜフラッシュタグで解決できるのでしょうか。
<パラメータ名=”wmode” 値=”xxxx”">
「ウィンドウ」は、Web ページ上の独自の長方形のウィンドウでアプリケーションを再生し、常に最前面に表示されます。
「不透明」では、ページ上でそれに続くコンテンツが表示されます。
「透明」にすると、HTML ページの背景がアプリケーションの透明な部分を通して表示され、アニメーションのパフォーマンスが低下する可能性があります。
注: 不透明と透明はどちらも HTML レイヤーと相互作用し、SWF ファイルの上のレイヤーでアプリケーションを隠すことができます。 2 つのオプションの違いは、「透明」では透明が許可されるため、SWF ファイルの一部が透明な場合、SWF ファイルの下の HTML レイヤーがその部分を通して表示されますが、「不透明」では表示されません。
つまり、FLASHがDIVレイヤーを覆う場合は、wmode属性を「透明」に変更する必要があります。
Web 開発を行う際に、フラッシュがページ内の要素をブロックする状況に遭遇することがあります。フラッシュコンテナーとレイヤーの深さ (z-index) をどのように設定しても、役に立ちません。既存の解決策は、フラッシュを挿入する埋め込みタグまたはオブジェクトタグに「wmode」属性を追加し、wmode="transparent" または "opaque" に設定することです。しかし、wmode 属性の意味と、それがなぜこの問題を解決できるのでしょうか。
ウィンドウモード (wmode)
wmode モードには 3 つあります。以下は Macromedia からの公式声明です。ウィンドウ: Window 値を使用すると、Web ページ上の独自の長方形ウィンドウで Flash Player ムービーを再生できます。これは wmode のデフォルト値で、従来の Flash Player と同じように機能します。通常、この値を使用するとアニメーションのパフォーマンスが最も速くなります。不透明: 不透明値を使用すると、JavaScript を使用して透明な背景を必要としないムービーを移動またはサイズ変更できます。不透明モードでは、ページ上でムービーの背後にあるものがすべて非表示になります。さらに、不透明モードでは、Flash ムービーの背後にある要素 (たとえば、ダイナミック HTML を使用) が移動され、透けて見えないようになります。透明: 透明モードでは、HTML ページの背景、または Flash ムービーまたはレイヤーの下の DHTML レイヤーが、ムービーの透明な部分すべてを通して表示されます。これにより、ムービーを HTML ページの他の要素と重ねることができます。この値を使用すると、アニメーションのパフォーマンスが低下する可能性があります。
ウィンドウモード<br />デフォルトの表示モードです。このモードでは、Flash Player は独自のウィンドウハンドルを持ちます。つまり、Flash ムービーは Windows の表示インスタンス内に存在し、ブラウザーのコア表示ウィンドウの上にあるため、Flash はブラウザーにのみ表示されるように見えますが、これは Flash の最も高速で効率的なレンダリングモードでもあります。これはブラウザの HTML レンダリングサーフェスから独立しているため、デフォルトの表示モードのフラッシュは、常に、それと重なるすべての DHTML レイヤーをカバーすることになります。
ただし、ほとんどの Apple コンピュータブラウザでは、DHTML レイヤーを Flash の上に表示できますが、Flash ムービーを再生すると、DHTML レイヤーの一部が Flash によって削り取られたかのように異常に表示されるなど、奇妙な現象が発生します。
不透明モード<br />これはウィンドウなしのモードです。この場合、Flash プレーヤーには独自のウィンドウハンドルがないため、ブラウザーは Flash プレーヤーにブラウザーのレンダリングサーフェイス上の描画のタイミングと場所を指示する必要があります。このとき、フラッシュムービーはブラウザーの HTML レンダリングサーフェスよりも高くならず、他の要素と同じページ上に表示されるため、z-index 値を使用して、DHTML 要素がフラッシュを覆うか覆われるかを制御できます。
透明モード<br />透明モードでは、Flash Player はステージの背景色のアルファ値を 0 に設定し、ステージ上で実際に見えるオブジェクトのみを描画します。また、z-index を使用して Flash ムービーの深度値を制御することもできます。ただし、不透明モードとは異なり、これを行うと Flash ムービーの再生効果が低下し、Flash Player のバージョン 9.0.115 より前のバージョンで wmode="opaque" または "transparent" を設定すると、フルスクリーンモードが失敗します。
さまざまなモードの実装と重要性を理解した後、将来の開発では具体的な状況に応じて wmode 属性の値を設定することを選択できます。

<<: Vue フォーム入力バインディング v-model

>>: CSSセレクタを使用してラベルスタイルを設定するサンプルコード