Player YouTube sempre in primo piano
Impedire al player di YouTube di comparire sempre in primo piano nelle pagine web

“Wmode=transparent” è la soluzione per consentire la corretta visualizzazione di qualsiasi div in primo piano senza che l’embed di YouTube interferisca

Scritto da: Stefano Cassone
Pagina 1 di 1

Integrare il player di Youtube all’interno di una pagina web è una operazione semplicissima: basta copiare ed incollare il codice da “embeddare”  generato direttamente dal portale.

E’ inoltre possibile personalizzare l’embed direttamente da Youtube, agendo su parametri come dimensioni, il tipo di codice da incorporare, privacy, video suggeriti ecc..

Fin qui tutto bene, il player si integra correttamente nella nostra pagina web e funziona a meraviglia.

Ma cosa succede quando appaiono in primo piano div contenenti sponsor o fotogallery?

Il player di YouTube si colloca prima di qualsiasi altro elemento della pagina interferendo con l’elemento che dovrebbe posizionarsi in primo piano.

La prima cosa che viene in mente per correggere questo fastidioso inconveniente è quella di sperimentare qualche regola CSS utilizzando attributi come z-index o position ma nenza alcun esito positivo.

Il problema non risiede nei fogli di stile CSS ma nella natura del player.

L’unico modo per fronteggiarlo è quello di aggiungere un parametro nella querystring dell’URL interno al player.

Segue in basso  ▼

In pratica bisogna aggiungere la stringa  ”wmode=transparent” alla querystring dell’embed.

Esempio: l'attributo src passa da “http://www.youtube.com/embed/Tlmho7SY-ic” a “http://www.youtube.com/embed/Tlmho7SY-ic?wmode=transparent”.

E’ buona abitudine ricordarsi di aggiungere la modalità trasparente su ogni embed integrato.

Ti è piaciuto l'articolo? Ricevine altri comodamente via mail
Articoli consigliati

Ottenere le dimensioni di una TV

Un praticissimo wizard per avere subito un'idea di quali possano essere le dimensioni di una TV. Comodo per chi vuole conoscere le misure di una TV a partire dalla diagonale.

Speciale Prestiti Online

Quali sono le migliori offerte? Cosa bisogna sapere prima di richiedere un prestito personale? Cerchiamo di spiegare come stanno le cose ...

Speciale Conti Correnti

Quali conti online scegliere? Puri o multicanale? Abbiamo identificato le migliori condizioni offerte dalle principali banche ...

Test velocita' ADSL

Esegui gratuitamente i migliori test per monitorare la velocità della tua connessione ADSL

Guadagnare con Internet

Guadagnare in Internet ? E' possibile. Con un po' di pazienza e fortuna, si possono avere apprezzabili risultati ..
TOP 10 articoli #06/17
Sitemap