How do I add a video to a lightbox in Wordpress?

I need to be able to allow the user to select image and display a video in a light box, just like:

•      themeforest.net/item/folioflip/full_screen_preview/101133
•      When you choose “Avatar” and select the arrow a video displays in the lightbox.

I have added a:
•      Feature Image
•      Video to the post and
•      A custom “movie” field.

Any help is appreciated.
lilmoAsked:
Who is Participating?
 
Jason C. LevineNo oneCommented:
If the question is theme-specific, it's not possible to help you unless the theme is freely available.  Putting aside the fact that the demo is attempting to load a virus, we have zero visibility on how the theme is coded and it's probably not legal for you to provide copies of it.  You are most likely going to need support from the developer.
0
 
Jason C. LevineNo oneCommented:
That page generates a virus warning for a Trojan so I would be very careful about visiting it.

Are you actually using that theme or just inquiring about the technique?
0
 
lilmoAuthor Commented:
Yes. I am using that theme... Thanks for the warning.
0
 
Tony van SchaikFront-end Web developerCommented:
Most of time i use Prettyphoto or Shadowbox.js for displaying videos and images:

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
http://www.shadowbox-js.com/

Only thing you need to add to the URL is, for example with Prettyphoto:

<a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>

Open in new window


You can also add multiple videos and images in one lightbox.

But i stopped using lightboxes for video because it can cause issues on iPad/iPhones or you can try to load in as an iframe that is also possible with Prettyphoto, only thing you for that is the HTML5 version embed code of youtube:

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

Open in new window


Good luck.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.