Flytende div konteiner over en YouTube iframeI "gamle dager" var løsningen for flytende div konteinere over flash innhold (som videoer), å legge til koden:
Code (HTML):<object […] <param name="wmode" value="opaque"> […] <embed wmode="opaque" […]
Dette virket fint inntil YouTube begynte med iframe for å bygge inn videoene. Noen nettlesere støtter ikke div konteinere som flyter over innbygde medier. Flash filmer bygget inn med iframe er satt til (default) wmode, noe som gjør at den flyter over alt annet – og ikke motsatt. Jeg har valgt å bruke min
Tower Bridge Live video som et eksempel på hvorledes sosiale dele knapper har tendensen til å forsvinne bak innebygde videoer. Original YouTube koden:
Code (HTML):<iframe width="640" height="480" src="http://www.youtube.com/embed/R1e5u3gysuw" frameborder="0" allowfullscreen></iframe>
Løsningen er å legge til
&wmode=transparent på slutten av src attributtet i iframe’en:
Code (HTML):<iframe width="640" height="480" src="http://www.youtube.com/embed/R1e5u3gysuw&wmode=transparent" frameborder="0" allowfullscreen></iframe>
Noen ganger fungerer det ikke med en ligatur for konjunksjonen
og (&). Forsøk da med spørsmålstegn istedenfor konjunksjonen på slutten av src-attributtet i iframe'en:
Code (HTML):<iframe width="640" height="480" src="http://www.youtube.com/embed/R1e5u3gysuw?wmode=transparent" frameborder="0" allowfullscreen></iframe>
Under er det irriterende fenomenet der div forsvinner bak en iframe. Løsningen på dette kan sees her:
Tower Bridge Live.