Tag Archives: Lightbox

Fixing Youtube iframe overlay issues

Español: Logo Vectorial de YouTube
Image via Wikipedia

I’ve got a website that displays iframe embedded Youtube videos and uses Lightbox to load images up, however, the images load behind the virool review Youtube video. I’ve come across this before on other websites but not on any of my own. I fiddled around with z-indexes for a bit but they didn’t do anything. Turns out, it’s actually a very easy fix. Just add ?wmode=opaque to the src address in the iframe.

For example:

<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/hTCAeGIBaxw” frameborder=”0″ allowfullscreen></iframe>


<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/hTCAeGIBaxw?wmode=opaque” frameborder=”0″ allowfullscreen></iframe>

Super easy!

I also came across this video by 360 Creations explaining it:

From what I read, ?wmode=transparent should work as well, but it sounds like it is a bit slower to render as it has to render transparency, opaque renders solid. It would be great if Youtube included this in the src address by default! It would make it so much easier for everyone.

Enhanced by Zemanta

John Bortolin Photographer

John Bortolin is a photographer based in Lennox Head that specialises in wedding photography as well as portraiture and landscapes. He looks after the photography for weddings all over the Northern Rivers region including Byron Bay, Ballina and Lismore. He came to me at TerraMedia with an existing static website that had been intended as an online showcase of his photography.

John Bortolin Wedding Photography
John Bortolin Wedding Photography Home Page

I revamped the website for him, cleaned up some of the design issues and produced a gallery system that is clean and efficient, showcasing his landscape, portrait and wedding photographs.

Continue reading John Bortolin Photographer