Fixa z-index för Youtube iframes med hjälp av jQuery

Ett problem jag sprang på var när jag embedade ett klipp från Youtube med iframe (koden du tar direkt från Youtube) så funkade inte z-index som det skulle. Om jag t.ex körde med lightbox för att kolla på en bild så visades iframen från Youtube över den.

Lösningen är att du inkluderar ”?wmode=transparent” i slutet av url:en i din iframe. Så jag skrev ett litet jQuery script för att lösa det automatiskt så du slipper tänka på att göra det manuellt varje gång.

Det scriptet gör är att lägga till ”?wmode=transparent” i slutet på alla iframe’s url. Har du andra iframes som inte ska använda sig av detta så kan du enkelt ändra till t.ex en klass.