Mar 21 2011

How to Ensure that Your Lightbox Is Not Behind Your Flash/YouTube Video

On one of the websites that I was building, I had Next-Gen Galleries and YouTube videos on the same page. In one instance, I would click on the image for the thickbox to appear and the YouTube video sat on top. The YouTube video was embedded as an iframe.

[html]<iframe height="360" frameborder="0" width="580" src="http://www.youtube.com/embed/odXK8yMCuwM?color1=234900&color2=4e9e00&border=0&fs=1&hl=en&autoplay=0&showinfo=0&iv_load_policy=3&showsearch=0&rel=1" title="YouTube video player"></iframe>[/html]

So in order to add the wmode property to the video, I added &wmode=Opaque to the end of the URL, so:

Then I was able to view my lightbox/thickbox with no issues.

What can I do for you!?

Custom Development

We develop plugins by determining both business/functional and technical requirements, following WordPress development best practices, and using agile methodology to ensure you get the best solution.

Consulting

Have questions? Need a reliable developer to consult? Please contact us today!

Customized Theme

We can customize your theme or child theme, or create a child theme for you based on your needs while enhancing the performance of every individual attribute.

Customized Plugin

We can customize your plugins, extend plugins (e.g., Gravity Forms, Jetpack, Soliloquy) based on your needs ensuring security, performance, and positive business impact.

About Travis Smith

As a WordPress enthusiast, developer, and speaker, Travis writes about what he learns in WordPress trying to help other WordPress travelers, beginners and enthusiasts with tutorials, explanations, & demonstrations.

Comments

bilal says

April 18, 2012 at 2:07 pm

thanxs.. i really need this…

Reply