Errore Visualizzazione Video Youtube Sopra i Menu

Usando il codice embedded di un video di Youtube utilizzando l’iFrame è possibile che ci sia un errore di visualizzazione dovuto al video che scavalca elementi del sito,come menù e altri elementi.

Infatti sia l’iFrame che gestisce il video che i menu sono “elementi”  gestiti dallo stezzo z-index , una proprietà del CSS che indica al browser quali elementi mostrare prima. Quindi nel caso in cui il video di Youtube salta sopra il menu allora vuol dire che la proprieta’ z-index del menù viene dopo quella del video, che lo scavalca.

Per risolvere questo fastidioso problema basta aggiungere un piccolo parametro all’indirizzo del video di Youtube che gli permetta la trasparenza sotto il menù.

Il parametro da indicare è questo :

?wmode=transparent

Esempio:

Vecchio link

<iframe src=”http://www.youtube.com/embed/0ETTNyvQTDI” frameborder=”0″ width=”420″ height=”315″></iframe></br></br>

Nuovo link

<iframe src=”http://www.youtube.com/embed/0ETTNyvQTDI?wmode=transparent” frameborder=”0″ width=”420″ height=”315″></iframe></br></br>

 

Lascia un commento

I have read the privacy policy and I accept the treatment of my personal data in compliance with the Italian Legislative Decree 196/2003.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.