Wmode = Transparent su iFrame YouTube

Wmode = Transparent su iFrame YouTube

Bentornati!!!

YouTube è sicuramente il più grande ed utilizzato servizio di video sharing al mondo, sul quale potete caricare i vostri video e condividerli con chiunque vogliate (ma questo già lo sapete!!!). Potete condividere i video sia sui social network oppure sul vostro sito attraverso codice embed.

Logo di YouTube (Ma davvero?!?!)

Soffermiamoci sulla seconda modalità di condivisione. Alcune volte quando aggiungiamo un video di YouTube sul nostro sito, potremmo avere dei problemi, ad esempio con i menu dropdown scritti in JavaScript. Tali menu potrebbero essere “scavalcati” dal video. Beh la soluzione a questo problema ormai è negli annali del web: la famosa opzione wmode=transparent. E fin qui tutto ok.

Ma cosa succede se il mio sito è un blog e mi ritrovo con centinaia di articoli affetti da questo problema? Non ci avete mai pensato vero??

Grazie a noi, i vostri problemi sono terminati!!!! Invocando i superpoteri di JavaScript, eccovi il codice:
[code]
window.onload = function() {
var frames = document.getElementsByTagName(“iframe”);
for (var i = 0; i < frames.length; i++) {
frames[i].src += “?wmode=transparent”;
}
}
[/code]
Cosa fa il codice? Semplice! Seleziona tutti gli elementi iframe della nostra pagina e all’attributo src accoda la stringa “?wmode=transparent”. Semplice e geniale allo stesso tempo!
Piaciuto il trucchetto?? Speriamo di sì.

Namastè

 applicazioni codice diomabros faq geek javascript soluzione video