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>