Wissen Sie, wie Sie das Flash-Wmode-Attribut in Webseiten verwenden?

Bei der Webentwicklung kann es vorkommen, dass Flash Elemente auf der Seite blockiert. Egal, wie Sie den Flash-Container und die Ebenentiefe (Z-Index) einstellen, es hilft nichts. Die vorhandene Lösung besteht darin, dem Embed- oder Object-Tag, das das Flash einfügt, das Attribut „wmode“ hinzuzufügen und es auf wmode=„transparent“ oder „opaque“ einzustellen. Aber was bedeutet das Attribut „wmode“? Warum kann es im Flash-Tag gelöst werden?
<param name=”wmode” value="xxxx">
„Window“ spielt die Anwendung in einem eigenen rechteckigen Fenster auf der Webseite ab und bleibt immer im Vordergrund.
„Undurchsichtig“ zeigt den darauf folgenden Inhalt auf der Seite an.
„Transparent“ führt dazu, dass der Hintergrund der HTML-Seite durch alle transparenten Teile der Anwendung hindurchscheint und die Animationsleistung kann sich verschlechtern.
Hinweis: Sowohl „Opaque“ als auch „Transparent“ interagieren mit HTML-Ebenen, sodass Ebenen über der SWF-Datei die Anwendung verdecken können. Der Unterschied zwischen den beiden Optionen besteht darin, dass „Transparent“ Transparenz zulässt. Wenn also ein Teil der SWF-Datei transparent ist, kann die HTML-Ebene unter der SWF-Datei durch diesen Teil hindurchscheinen, während dies bei „undurchsichtig“ nicht der Fall ist.
Das heißt, wenn FLASH die DIV-Ebene abdeckt, müssen Sie das wmode-Attribut auf „Transparent“ ändern.
Bei der Webentwicklung kann es vorkommen, dass Flash Elemente auf der Seite blockiert. Egal, wie Sie den Flash-Container und die Tiefe der Ebene (Z-Index) festlegen, es hilft nichts. Die vorhandene Lösung besteht darin, dem Embed- oder Object-Tag, das das Flash einfügt, das Attribut „wmode“ hinzuzufügen und es auf wmode=„transparent“ oder „opaque“ festzulegen. Aber was bedeutet das Attribut „wmode“ und warum kann es dieses Problem lösen?
Fenstermodus (wmode)
Es gibt drei wmode-Modi. Hier die offizielle Erklärung von Macromedia: Window: Verwenden Sie den Wert Window, um einen Flash Player-Film in seinem eigenen rechteckigen Fenster auf einer Webseite abzuspielen. Dies ist der Standardwert für wmode und er funktioniert wie der klassische Flash Player. Dies bietet normalerweise die schnellste Animationsleistung. Opaque: Mit dem Wert Opaque können Sie JavaScript verwenden, um Filme zu verschieben oder ihre Größe zu ändern, die keinen transparenten Hintergrund benötigen. Im Opaque-Modus verbirgt der Film alles, was sich auf der Seite dahinter befindet. Darüber hinaus verschiebt der Opaque-Modus Elemente hinter Flash-Filme (z. B. mit dynamischem HTML), um zu verhindern, dass sie durchscheinen. Transparent: Im transparenten Modus wird der Hintergrund der HTML-Seite oder die DHTML-Ebene unter dem Flash-Film oder der Flash-Ebene durch alle transparenten Teile des Films hindurch sichtbar. Auf diese Weise können Sie den Film mit anderen Elementen der HTML-Seite überlappen. Die Animationsleistung kann bei Verwendung dieses Werts geringer sein.
Fenstermodus <br />Der Standardanzeigemodus. In diesem Modus hat Flash Player seinen eigenen Fenster-Handle, was bedeutet, dass der Flash-Film in einer Anzeigeinstanz in Windows vorhanden ist und sich über dem Hauptanzeigefenster des Browsers befindet, sodass Flash nur scheinbar im Browser angezeigt wird. Dies ist jedoch auch der schnellste und effizienteste Rendermodus von Flash. Da es von der HTML-Rendering-Oberfläche des Browsers unabhängig ist, führt dies dazu, dass der Standardanzeigemodus Flash immer alle DHTML-Ebenen abdeckt, die sich damit überlappen.
Die meisten Browser auf Apple-Computern lassen zwar die Anzeige der DHTML-Ebene über Flash zu, beim Abspielen des Flash-Films treten jedoch einige merkwürdige Phänomene auf. Beispielsweise wird die DHTML-Ebene ungewöhnlich angezeigt, als ob ein Stück davon durch Flash abgekratzt worden wäre.
Opaque-Modus <br />Dies ist ein fensterloser Modus. In diesem Fall hat der Flash Player keinen eigenen Fenster-Handle. Der Browser muss dem Flash Player mitteilen, wann und wo er auf der Darstellungsoberfläche des Browsers zeichnen soll. Zu diesem Zeitpunkt ist der Flash-Film nicht höher als die HTML-Rendering-Oberfläche des Browsers, sondern auf derselben Seite wie andere Elemente. Daher können Sie den Z-Index-Wert verwenden, um zu steuern, ob das DHTML-Element den Flash überdeckt oder verdeckt wird.
Transparenter Modus <br />Transparenter Modus. In diesem Modus setzt Flash Player den Alphawert der Bühnenhintergrundfarbe auf 0 und zeichnet nur die Objekte, die tatsächlich auf der Bühne sichtbar sind. Sie können auch den Z-Index verwenden, um den Tiefenwert des Flash-Films zu steuern. Im Gegensatz zum undurchsichtigen Modus wird dadurch jedoch der Wiedergabeeffekt des Flash-Films reduziert, und die Einstellung von wmode="opaque" oder "transparent" in Flash Player-Versionen vor 9.0.115 führt dazu, dass der Vollbildmodus fehlschlägt.
Nachdem Sie die Implementierung und Bedeutung verschiedener Modi verstanden haben, können Sie den Wert des wmode-Attributs entsprechend der spezifischen Situation in der zukünftigen Entwicklung festlegen.

<<: Vue-Formulareingabebindung V-Modell

>>: Beispielcode zum Festlegen des Beschriftungsstils mithilfe des CSS-Selektors

Detaillierte Erklärung der Funktion und Verwendung der DOCTYPE-Deklaration

Wissen Sie, wie Sie das Flash-Wmode-Attribut in Webseiten verwenden?

Detaillierte Erklärung der Funktion und Verwendung der DOCTYPE-Deklaration

So verwenden Sie den SS-Befehl anstelle von Netstat im Linux-Betrieb und bei der Wartung

Installationsschritte für das grafische MySQL-Verwaltungstool Navicat

So führen Sie Tomcat-Quellcode im Maven-Modus aus

Detaillierte Einführung in das CSS-Prioritätswissen

Eine kurze Erläuterung des Navigationsfensters in Iframe-Webseiten

Detaillierte Erläuterung der MySQL Master-Slave-Datenbankkonstruktionsmethode

So fügen Sie ein Lua-Modul zu Nginx hinzu

So fügen Sie eine Festplatte in Vmware hinzu: Erweitern Sie die Festplatte

Der Prozess des Erstellens und Konfigurierens der Git-Umgebung in Docker

Artikel empfehlen

Detaillierte Erklärung zur SQL-Injection - Sicherheit (Teil 2)

Vue implementiert dynamische Routingdetails

Adaptive HTML-Tabellenmethode

Zusammenfassung der Lösung des Yum-Fehlerproblems nach dem Upgrade von Python auf 3.6.6 unter CentOS 7

Vorgehensweise bei der Verwendung der MySQL-Systemdatenbank zur Diagnose der Leistungsbelastung

So laden Sie Dateien zwischen einem Linux-Server und einem Windows-System hoch und herunter

Anwendungsbeispiele für React Hooks (6 gängige Hooks)

Detaillierte Erläuterung der vier Transaktionsisolationsebenen in MySQL

So setzen Sie das Zabbix-Passwort zurück (ein Schritt)

Verwenden Sie Nicht-Root-Benutzer, um Skriptvorgänge in Docker-Containern auszuführen

Vue implementiert eine Echtzeitaktualisierung der Zeitanzeige in der oberen rechten Ecke

Detaillierte Erläuterung der Vorgänge und Implementierungen im Zusammenhang mit dem HTML-Druck

Vue2-Implementierungen bieten Injection für Reaktionsfähigkeit

Führen Sie die Schritte zum Konfigurieren einer statischen IP-Adresse für eine virtuelle Linux-Maschine aus

Rendering-Funktion und JSX-Details