Plaatsing PNG over MOV

[One_Eight_Se7en]

Goedenmiddag allen,

Ik ben aant knutselen in een site, waarbij ik, op de achtergrond movie-trailers wil laten draaien. Deze trailers zijn *.mov (van de Apple-site) en worden getoond in soort video-frame (het *.png-plaatje)

Nu ben ik zover, heb de positie van het plaatje & movie goed gezet en volgens mij, is de code qua DIV's en Z-Indexes helemaal goed. Maar IE7.0 vertikt het om de PNG over de MOV te zetten

Betreffende Code:

code:

    <td colspan="3" height="134">
        <div style="position:relative; top:3px; left:25px; z-index:-1;"> <embed src="video/wall-e-tlr3_720p.mov" width="1230" height="85" autostart="true" loop="true" align="middle"></embed>
        <div style="position:absolute; top:-28px; left:-25px; z-index:1" ><img src="images/movie_bottom.png" width="1280" height="134"/>
        </div> </div>
    </td>

DW geeft dit als resultaat:

Helemaal prima, "HD-ready" valt voor de movie!

Checken we in IE7:

Niet goed


Ligt dit aan IE7 ? (heb hier geen FF beschikbaar...)
Ligt het aan *.mov die geen overlay duld?

Of zie ik dingen over het hoofd?

[Cartman!]

Waarschijnlijk doordat de embed door je OS gerenderd wordt (externe applicatie) en niet door je browser. Die content komt dan altijd 'boven' je browser content te draaien. Zover ik weet is daar niet echt een oplossing voor maar als dat wel zo is ben ik benieuwd hoe

[_eXistenZ_]

HWMODE Transparent

[Niemand_Anders]

Je kunt dit probleem vergelijken met dropdowns en div in Internet Explorer. Als ik echter bij formulieren een 'popup' div over een dropdown wil renderen, bepaal ik welke dropdowns overlapt worden door de div en daarvan zet ik dan de display op none.

Echter voor jouw filmpje is dat geen oplossing. Je zou eigenlijk dezelfde tekst eens moeten doen met een youtube filmpje. Als het daarmee wel werkt (flash puging wordt gerenderd door browser) dan kun je middels de Adobe Flash Video Encoder het mov filmpje omzetten naar een flv bestand en dan een flash player gebruiken.

Een andere oplossing kan ik momenteel ook niet verzinnen.

[SinergyX]

Hoe doen ze dat dan met die grote 'mee scrollende' banners? Die gaan wel over alles van de pagina heen, kan enkel zo even geen voorbeeld vinden. Veelal van die enquete popups zegmaar.

Moet ik zeggen dat ik er daarvan nog geen 1 heb gezien met een mov.

[ Voor 16% gewijzigd door SinergyX op 20-03-2008 16:43 ]

[crisp]

Probeer negatieve z-index ook te vermijden, dat is niet cross-browser compatible.

Of WMODE voor elke plugin werkt durf ik niet te zeggen, in ieder geval zullen er altijd browser/platform/plugin combinaties zijn waarvoor je dit gewoonweg niet voor elkaar krijgt (behalve zelf de movie samen met de 'overlay' in een flash-applicatie bakken).

[One_Eight_Se7en]

De Z-Index staat zie ik idd nog op negatief... Ik heb ondertussen al vele waardes gehad ( 1 / 2 ... 10 / 20 ) maar dit was ook een poging om het werkend te krijgen.


Ik ga even Google'n op HWMODE, maybe dat dat lukt.


De tip van NiemandAnders is ook wel een goede. Ik zat al eerder te denken aan Flash, om de hele onderste banner in Flash te maken, maar het kon zo ook gewoon werken, dacht ik..
Wat je dus zegt in feite: Zet de MOV om naar een SWF?

[Bosmonster]

Nee de MOV recoden naar FLV (Flash Video). Daar kun je eenvoudig in de player een laag overheen leggen.

[One_Eight_Se7en]

Oh, excuses... ik nam FLV aan voor hetzelfde als SWF

[One_Eight_Se7en]

Het is gelukt, ik ben even wezen zoeken naar wat "wmode" nou precies was en deed. Ben er nog niet helemaal achter...
Maar ik heb het bij de parameters van de MOV gezet.

In DW geen verschil, maar in IE7 werkt hij nu perfect

Thanks allen

[ Voor 11% gewijzigd door One_Eight_Se7en op 20-03-2008 22:40 ]

[torp]

Ik heb ook gezocht op HWMODE maar ik kan geen documentatie vinden. Is dit specifiek voor IE?

[_eXistenZ_]

Dit hoort te werken in IE / opera / fx op windows, op linux werkt het uberhaupt niet. MacOS durf ik niet te zeggen. Documentatie weet ik niet, heb dit geleerd op me stage
Dattie in firefox nog niet werkt kan komen omdat je m dan alleen aan de EMBED toegevoegd heb, niet aan heb OBJECT (Of net anders, week nie uit me hoofd).
Iig:

Editing HTML code manually

To edit an existing HTML page, add the WMODE parameters to the HTML code.

1. Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

2. Add the following parameter to the EMBED tag:

wmode="transparent"

[ Voor 56% gewijzigd door _eXistenZ_ op 21-03-2008 12:55 ]