Youtube heeft onlangs de standaard formaat van zijn video’s groter gemaakt en de kwaliteit ervan ook verbetert. Wat ze echter zijn vergeten(?) te “fixen” is het feit dat als je bent ingelogd, en je op je gebruikersnaam klikt, dat de navigatie dropdown wordt overlapt door de flash video bestand. (zie plaatje hieronder)
Dit krijg je zowel in Firefox als bij Internet Explorer. Dit is trouwens ook een veel voorkomende fout die je waarschijnlijk op nog veel sites gaat terug vinden. Het probleem zit ‘m eigenlijk in de browser die flash bestanden standaard op de bovenste layer plaatst, zoals dat staat gedocumenteerd op de website van Adobe:
By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer.
Ik weet eerlijk gezegd niet hoe Youtube dit gaat oplossen, maar als ook jij zo een probleem hebt op je eigen website, dus dropdown-navigatie (of een pop-up) wordt overlapt door een flash bestand kan je het volgende doen:
Kijk in de HTML van je pagina en zoek naar:
‘quality’,'high’,
Vervangen met:
‘quality’,'high’, ‘wmode’,'opaque’, (of gewoon de twee extra “values” toevoegen ernaast)
Zoek verder naar:
<param name=”quality” value=”high”>
En plaats daaronder:
<param name=”wmode” value=”opaque” />
Zoek als laatste naar:
</embed> (moet je kijken aan het eind)
Plaats ervoor:
wmode=”opaque”>
Hopelijk helpt dit je wel, heeft niet echt alleen te maken met je z-index (in je stylesheet), maar gewoon de values en parameters die ook thuis horen in de broncode van waar je flash bestand wordt opgeroepen.
Andere links die jou misschien kunnen helpen ermee:
- http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14201&sliceId=2
- http://www.alohatechsupport.net/webdesignmaui/maui-web-design-articles/layer_flash_under_html.html
- http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/
Abonneer aan dit blog via RSS of via e-mail, om op de hoogte te blijven van de meest recente ontwikkelingen. Volg mij op Twitter.
Relevante items
{ 1 comment }
erg interesante benadering. ik ga het direct uitproberen. ik geef feedback zodra ik het werkende heb. op http://www.bodynsoulpartypix.com heb ik het probleem dat me navigatie dropdownmenu’ verdwwijnt achter me flash banner.
Reacties gesloten.