WordPress Video Lightbox Plugin – Display Videos and Images in a Fancy Lightbox Overlay

Comments (214 responses)

1. Leslye says:

   Great plugin! I modified it to automatically pull thumbnails from Vimeo and YouTube when anchor=thumb. I can send you the code if you’d like…
2. admin says:

   @Yong, you set that up in your video hosting site’s preferences. This plugin just shows whatever the video shows.
3. Yong says:

   Thank you for this great plugin. This is what I exactly was looking for.

   I have a question. Is there any way to turn off showing related videos at the end of playing video?

   Thank you,
4. Sergiu says:

   Oh, Graham, to change it to autoplay just go into the plugin’s folder, and edit line 109 of wp-video-lightbox.php, you’ll find there $vid_lightbox_autoplay = ‘false’;

   — just change it to TRUE.
5. Sergiu says:

   Thanks, man! It works like a charm with the latest version of WP (3.0.4)
6. Graham says:

   Hi,

   Thank you for the awesome plugin. the non-html code works, not just on pages and posts, but in text/html widgets too. Awesome!

   Is there a way to make the video play automatically?

   Thanks in advance,
   Graham
7. flick says:

   Thank you for this plugin, works well and it’s very clean!
   Perfect for youtube videos
8. peter@blastec says:

   Very good post, i enjoyed it alot.
9. admin says:

   DId you specify the height and width in the shortcode? Please post a link to your web page where you have placed this video.
10. Matt says:

    First of all awesome plugin! It’s working fine but I noticed that the lightbox behind my videos is smaller than the size of my video. It looks kinda weird. The demo video on this page shows your video fitting perfectly inside the black box. Any ideas?

    Thanks!
11. stephen milne says:

    update:

    im new to wp so not exactly sure what i am doing…..
    i had put some javascript links in the header but by removing them the script work.

    when i put the javascript links in the footer video lightbox still worked…
    so i guess javascript links should go in the footer!

    brilliant script
    thanks
12. Chase says:

    update: it was my template header.php. I used part of the header in another temp and it is working great. Thanks again for the great work.
13. Chase says:

    Update: I have used your example code above on a demo page.

    http://brian-mccann.com/2010/12/demo/

    Can you view my source and see if I am missing any coding?
    thanks for help
14. Chase says:

    The plugin looks great. I am having some problems getting it to work. I have add it to my directory, activated it in plugins, and have tried the short code and the html. When I click on the text is simple directs me to the youtubes website to watch the video instead of opening up the lightbox. Any idea what I am doing wrong?
15. admin says:

    Image should work as an anchor… I am using the following shortcode to display the video on this page which uses and image as anchor:

    [video_lightbox_youtube video_id=G7z74BvLWUg width=640 height=480 anchor=https://www.tipsandtricks-hq.com/wp-content/uploads/2010/08/wp-video-lightbox-demo.png]

    I have a feeling the image URL you are specifying is resulting a 404? Make sure your image URL is valid.
16. paul s says:

    REPOST for clarity.

    (I’m using your SHORT CODE method for youtube)

    For me, this only works using ANCHOR TEXT but I sure need to use an IMAGES for the anchor.

    The short PDF instructions state “You can use an image as your anchor too” … but I see no example of that. Should I opt for the longer HTML method? …image url’s aren’t working. Is there another way to insert an image for the anchor?
17. Dennis "DennisKnows" Marshall says:

    I want this so bad but I use pop up domination and I recently had some problems with J query and popup dom.

    Sucks for me. Im so tempted to test it tho
18. admin says:

    Did you use the shortcode or the HTML approach?
19. Matt says:

    Hello, everyone.

    This plugin truly is a life-saver. I was going nuts trying to get HTML5 working with a lightbox effect.

    HOWEVER…now my client wants vimeo, and HTML5. For some reason I can get the HTML5 player working with youtube but not my vimeo movies. And I have definitely checked the box (in my vimeo pro account) to make mobile versions of all my vids.

    Is anyone else having this problem? Or can see something I’m not? Here’s the link: http://www.christiemcmahoncreative.com/tv, and the video in question is on the second page of the slider, called “Breakfast with Frasier”.

    Thanks in advance!

    Matt
20. JC says:

    Thank you so much! ^^
21. TedMB says:

    Ahh nevermind. I got it working. Just a note that there’s a typo in your instructions pdf “Plugin Usage Guide”…or maybe it’s just displaying wrong in the mac imageviewer. In the embed flash section example code there’s both an “&” and a “amp;” together. When I removed the “amp;” from the code it worked perfectly. Thanks soo much!
22. TedMB says:

    Hey this is amazing! I’ve been looking for a way to have the lightbox effect for both images and video at the same time. Thanks!

    One question – I want to use it to post .mov videos but the box doesn’t resize to the video – it just stays at 500x359px. I tried adding &?width=792&height=294 to the end of the .mov filename but no such luck. Any suggestions? Thanks!
23. ProMomBlogger - RheaBrown.com says:

    I’ve used you awesome products since 2009 and love your customer service, fast response and awesome plugins

    Promomblogger – RheaBrown.com
24. Kendra says:

    w00t! I’ve been looking everywhere for something like this – this is brilliant!
25. Lings says:

    Thanks a Lot Buddy ! Your website is worth bookmarking ! Awesome Post !
26. oyun says:

    @Cameron, it won’t work on a page if it doesn’t filter the shortcodes that wordpress does by default on it’s posts and pages.
27. admin says:

    @James, yes but you will need to tweak some code. At the moment eStore uses a different lightbox plugin so it has the rel=”lightbox” attached on the product images. You will just have to change the code os it uses the following and that should do the trick:

    rel=”wp-video-lightbox”
28. admin says:

    @Mike, I personally haven’t tested it but I am pretty sure you will be able to use the .flv file format.
29. James Pyle says:

    So I broke down and purchased eStore..then I saw this awesome plugin.

    I am wondering if I can implement the lightbox into the eStore? I want when you click on a product image to open the larger image it to use the lightbox.
30. Mike says:

    Will your plugin display .mp4 or .flv files from my own web server using the HTML format for Flash? The .swf Flash format does not allow for the length of my videos. So, I use mp4 or flv.

    Thanks so much,

    Mike
31. admin says:

    @Cameron, it won’t work on a page if it doesn’t filter the shortcodes that wordpress does by default on it’s posts and pages.
32. Jason says:

    Seriously. Amazing. Had been looking all over for precisely this!
33. Cameron says:

    Any way to get this plugin to work on a wp-ecommerce product listing?
    It works on regular wordpress pages but not in individual product html.
34. admin says:

    Use the following code to display your video in an overlay:
    
<a href="http://www.youtube.com/watch?v=rkRfEJP5pD8" rel="wp-video-lightbox">Click Here</a>

    Obviously change “Click Here” with what ever you want to say or use an Image instead.
35. Jason West says:

    I attempting to use the HTML method to display video by clicking on the “see what people are saying about IQMAX” at the bottom of the page at the above address.

    I am receiving this error:
    $(“a[rel^=’prettyOverlay’],a[rel^=’prettyPhoto’]”).prettyPhoto is not a function

    I have checked the source code and prettyPhoto seems to be in the right place. I am assuming that I am missing something obvious since I’m new to WordPress.

    This plugin is exactly what my client wants, so any help would be greatly appreciated.
36. Irwan Nemoto says:

    Thank you so much for this plugin 🙂
37. admin says:

    A little more information on the issue you are having would help. Which method are you using? What error do you get? what are you trying to achieve with the plugin?
38. Albert matthews says:

    Ive really been trying to get this plugin to work in the way laid out in the pdf but it just wont allow me to use it ?? why i do not know.
39. Konstantinos says:

    Nice job!
    Is there any gallery options??
    Thanks!
40. Ron says:

    wonderful plugin… thanks..:)
41. zabidi says:

    thanks for plugin….is impossible if there is a video created for the http://www.smugmug.com/
42. admin says:

    Never tested it so not sure.
43. Nik says:

    Will this work with WordTube shortcodes?
44. James says:

    Thanks for this nice video lightbox plugin.
45. Alan Eames says:

    Hi tipsandtricks guys,

    This is awesome. I’ve made note of where you are so I can come back again and find more neat stuff for my blog.

    This light box is awesome!

    All the best,

    Alan
46. Corrine says:

    Thanks for this awesome plugin. Now I can embed all my videos using this plugin.
47. admin says:

    Hi Kim, yeah you should be able to embed any flash videos (see the embedding a flash video in the usage guide)
48. Kim Doyal - The WordPress Chick says:

    You guys are fabulous!
    So this will work with Amazon S3 videos too?
    Thanks for another great product!
49. Darren (Green Change) says:

    This is awesome – I’ve been looking for a way to.make video viewable for iPads and iPhones for ages! Thanks so much.
50. Jennifer says:

    OMG! Thank you so much for this plugin… I have been searching for two days to get a fix for this!