Plugin Directory

Test out the new Plugin Directory and let us know what you think.
!This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

NGG Video Extend

Addon plugin for Nextgen Gallery that adds the ability to have video lightboxes

What types of video are supported?

YouTube, Vimeo, Viddler, Metacafe etc as well as external and self-hosted asf, avi, dv, f4v, flv, moov, mov, movie, mp4, mpg, mpeg, swf, wm and wmv.

When I click on a thumbnail, just the image pops up with no video but I can see another lightbox in the background

You need to change the NextGEN Gallery Effects - go to NextGEN Gallery 'Options' > 'Effects' tab. Choose "Lightbox" from the 'JavaScript Thumbnail effect' dropdown and Save Changes.

The video is just black with a YouTube link

This is because you need to use the YouTube embed URL. Most likely you used the URL that looks like http://www.youtube.com/watch?v=12345 - you need to click on the embed button on YouTube and copy the URL that looks like http://www.youtube.com/embed/12345 or http://www.youtube.com/v/12345.

A Vimeo video starts to load but then goes to the Vimeo website

This is the same problem above. Instead of using the video's page url (e.g. http://vimeo.com/12345), click the embed button and copy the url that looks like http://player.vimeo.com/video/12345.

When trying to play an FLV video, it prompts me to save/download the file instead of playing it

You need to check the Shadowbox JS settings - ensure that FLV is checked (ticked) under "Players", "Enable FLV Support" is set to true and "FLV Links" under 'Shadowbox Automation' is also set to true.

I get a "Video not found or access denied"

Make sure the URL of the video is correct. If you are using a relative link try putting a '/' at the beginning e.g. '[flv]/video/myvideo.flv[/flv]'. If you still don't get any satisfaction, use the full path URL just to be on the safe side.

It doesn't load the video and the thumbnail image appears instead

Check the shortcode is correct and that there's no text or extra square brackets before the [shortcode].

After updating to 1.4, it doesn't load the video and the thumbnail image appears instead

The shortcode changed between 1.3 and 1.4 so now you only need one shortcode no matter what type of video you use. Check your shortcodes are [nggvid][/nggvid].

It's not working on my single image [singlepic id=x]!

You have to wrap the shortcode in <span class="ngg-gallery-thumbnail nggve"></span> i.e. <span class="ngg-gallery-thumbnail nggve">[singlepic id=x]</span>. Please look at the Usage instructions under Installation for more information.

After wrapping my [singlepic] shortcode as above, the image now sits to the left and text gets pulled up beside it


  • Add a style attribute to the span tag e.g. style="float:none;" so it looks like <span class="ngg-gallery-thumbnail nggve" style="float:none;">[singlepic id=x]</span>


  • Add the following code to your template's style.css: span.nggve {float:none !important;}. This is the preferable option as it will mean you don't have to add the style attribute to each and every single NGG image you have.

After wrapping my [singlepic] shortcode as above, I don't like the way the image border/background/hover/etc looks

Follow the above instructions as for the style.css float:none but add whatever CSS you like e.g.

span.nggve img {background:none; border:2px solid #f00;}
span.nggve img:hover{background:#ff0;}

Do I have to use Shadowbox JS?!

Yes, as Shadowbox JS can do video within the lighbox frame which many other lighboxes cannot. Plus it's pwetty!

Requires: 3.0 or higher
Compatible up to: 3.1.4
Last Updated: 5 years ago
Active Installs: 400+


0 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,2,2 50,2,1
50,2,1 100,2,2 100,1,1