DIV über eingebundenen Film (avi, qtime, ...) legen

[C-H]

Hi!

Ich möchte mehrere Filme mit unterschiedlichen Dateiformaten (ein paar Filme, ein QuickTime Panorama) im Vollbild innerhalb einer HTML-Präsentation anzeigen. Es soll aber möglich sein, das Fenster über einen Mausklick zu schließen (ohne auf das "X" im Fenster zu klicken, was ja wg. dem Vollbild-Modus nicht sichtbar ist). Meine erste Idee war ein transparentes div drüber zu legen. Allerdings scheint das weder im IE noch im FF zu funktionieren - was ich mir auch fast gedacht habe. Vielleicht kennt ja einer von euch eine Lösung!

 

[Maik]

Hi,

grundsätzlich lässt sich sehr wohl ein DIV in der Schichtposition z-index über ein Multimedia-Objekt legen:

#flash {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}

#box {
position: absolute;
left: 0;
top: 0;
z-index: 2;
background: red;
width: 100%;
height: 500px;
}

<div id="flash"> 
        <!-- Hier folgt das Multimedia-Objekt --> 
</div>
<div id="box">
        Diese Box liegt über dem Multimedia-Objekt
</div>

Wichtig hierbei: z-index funktioniert nur in Verbindung mit der position-Eigenschaft.

Siehe hierzu auch http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index