ホームページ ウェブフロントエンド htmlチュートリアル Web ページで Flash wmode 属性を使用する方法をご存知ですか? _HTML/Xhtml_Webページ制作

Web ページで Flash wmode 属性を使用する方法をご存知ですか? _HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:43 PM
flash html the できる 属性 見せる モデル ウェブページ


Web 開発を行う場合、Flash コンテナーとレイヤーの深さ (Z インデックス) をどのように設定しても、Flash がページ内の要素をブロックする状況に遭遇することがあります。これを追加することは役に立ちません。フラッシュの埋め込みタグまたはオブジェクトタグを挿入して、それを wmode="transparent" または "opaque" に設定しますが、wmode 属性の正確な意味とそれが解決できる理由は何ですか。
フラッシュタグ内

「ウィンドウ」は、ムービー独自の長方形のウィンドウを使用して、Web ページ上のアプリケーションを常に最前面で再生します。
「不透明」では、ページの背後にあるコンテンツが表示されます。
「透明」を選択すると、HTML ページの背景がアプリケーションの透明な部分に透けて表示され、アニメーションのパフォーマンスが低下する可能性があります。
注: 「不透明」と「透明」はどちらも HTML レイヤーと対話し、SWF ファイルの上のレイヤーがアプリケーションをシャドウできるようにします。 2 つのオプションの違いは、「透明」では透明度が許可されるため、SWF ファイルの一部が透明な場合、SWF ファイルの下にある HTML レイヤーがその部分を通して表示されますが、「不透明」では表示されません。
つまり、FLASH が DIV レイヤーをカバーする場合は、wmode 属性を「透明」に変更する必要があります。
Web 開発を行う場合、Flash コンテナーとレイヤー (Z インデックス) の深さをどのように設定しても、Flash がページ内の要素をブロックする状況に遭遇することがあります。これは、既存の解決策では役に立ちません。 Flash の埋め込みまたはオブジェクトを挿入して、タグに「wmode」属性を追加して、それを wmode="transparent" または "opaque" に設定します。しかし、wmode 属性は正確には何を意味し、なぜこの問題を解決できるのでしょうか?
ウィンドウモード(wmode)
wmode、つまりウィンドウ モードには 3 つのタイプがあります。当時の Macromedia の公式声明を見てください。 Window: Web ページ上の独自の長方形ウィンドウで Flash Player ムービーを再生するには、Window 値を使用します。これは、wmode のデフォルト値であり、従来の Flash Player と同様に動作します。これにより、通常、最速のアニメーション パフォーマンスが得られます。 不透明: 不透明値を使用すると、JavaScript を使用して、透明な背景を必要としないムービーを移動したりサイズ変更したりできます。また、不透明モードでは、ページ上の要素がその後ろに移動します。 、動的 HTML を使用)して、透けて見えるのを防ぎます。 透明: 透明モードでは、HTML ページの背景、または Flash ムービーまたはレイヤーの下にある DHTML レイヤーを、ムービーのすべての透明な部分を通して表示できます。これにより、ムービーを HTML アニメーション ページの他の要素と重ねることができます。この値を使用すると、パフォーマンスが低下する可能性があります。
ウィンドウモード
デフォルトの表示モード。このモードでは、Flash プレーヤーには独自のウィンドウ ハンドルがあり、Flash ムービーは Windows に存在する表示インスタンスであり、ブラウザのコア表示ウィンドウの上にあるため、Flash のみになります。ブラウザには表示されるように見えますが、これは Flash の最も高速かつ効率的なレンダリング モードでもあります。これはブラウザから独立した HTML レンダリング サーフェスであるため、Flash はデフォルトの表示モードでオーバーラップするすべての DHTML レイヤを常にカバーします。
しかし、ほとんどの Apple コンピュータのブラウザでは Flash 上に DHTML レイヤーを表示できますが、Flash ムービーを再生すると、DHTML レイヤーが異常に表示されてしまうことがあります。フラッシュで削れてしまいました。
不透明モード
これはウィンドウレス モードです。この場合、Flash プレーヤーには独自のウィンドウ ハンドルがないため、ブラウザーはブラウザーのレンダリング サーフェス上でいつ、どこに描画するかを Flash プレーヤーに指示する必要があります。現時点では、Flash ムービーはブラウザの HTML レンダリング サーフェスよりも高い位置にあるわけではありませんが、他の要素と同じページ上にあるため、z-index 値を使用して、DHTML 要素が Flash をカバーするかカバーされるかを制御できます。
透過モード
透明モード。このモードでは、Flash プレーヤーはステージの背景色のアルファ値を 0 に設定し、ステージ上に実際に表示されるオブジェクトのみを描画します。また、z-index を使用して深度値を制御することもできます。ただし、不透明モードとは異なり、Flash ムービーの再生効果が低下し、9.0.115 より前のバージョンの Flash プレーヤーで wmode="opaque" または "transparent" を設定すると、全画面モードが失敗します。
さまざまなモードの実装と重要性を理解した後、将来の開発における特定の状況に応じて wmode 属性の値を設定することを選択できます。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

PHPでHTML/XMLを解析および処理するにはどうすればよいですか? PHPでHTML/XMLを解析および処理するにはどうすればよいですか? Feb 07, 2025 am 11:57 AM

このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML(拡張可能なマークアップ言語)は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles