Video di YouTube sovrapposto a Lightbox

Se vi capita di mettere nella stessa pagina un video di YouTube e utilizzare in contemporanea Lightbox, potreste trovarvi nella sfortunata situazione in cui il video copre le immagini ingrandite della galleria, ossia il lettore in flash “salta” sopra le immagini.

Inizialmente potreste pensare di risolvere il problema utilizzando lo z-index e modificando quindi il livello di profondità del video stesso, ma come abbiamo provato anche noi il sistema non funziona, il videl di YouTube sarà sempre in primo piano.

La soluzione consiste nell’effettuare un paio di modifiche al tag object ed embed utilizzato, ecco come:

  1. inserite dopo l’object tag il seguente codice:
  2. < param value=”transparent” name=”WMode” / >

  3. aggiungere il seguente codice appena prima del type = “application / x-shockwave-flash”:
    wmode=”transparent”

Un esempio potrete trovarlo visualizzando il codice di questa pagina di esempio.

2 Commenti

Lascia un commento