WordPress.org

Ready to get started?Download WordPress

Plugin Directory

!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

  1. Upload the ngg-video-extend folder and contents to the /wp-content/plugins/ directory
  2. Ensure that NextGEN Gallery and Shadowbox JS plugins are installed and activated.
  3. Activate the plugin.

-- USAGE --

  1. In NextGEN Gallery, upload a suitable image for your video to your gallery
  2. Edit the image you just uploaded with whatever Title you want
  3. In the description, add:
[nggvid]http://www.example.com/video/12345[/nggvid]

followed by your description

Examples:

YouTube:

[nggvid]http://www.youtube.com/embed/12345[/nggvid]

followed by your description

Vimeo:

[nggvid]http://player.vimeo.com/video/12345[/nggvid]

followed by your description

FLV videos:

[nggvid]http://www.example.com/theflv.flv[/nggvid]

followed by your description. You may use a relative link for self hosted files e.g. [nggvid]videos/myvideo.flv[/nggvid]

e.g. [nggvid]http://www.youtube.com/embed/8uTThzrBYwg[/nggvid]One of the best movies evar!

** IMPORTANT ** Due to a limitation of NextGEN Gallery, this won't automatically work on single images inserted with NGG's shortcode [singlepic id=x]. To get this to work with single images, you need to switch to code (HTML) view and wrap the NGG shortcode like thus <span class="ngg-gallery-thumbnail nggve">[singlepic id=x]</span>. Bear in mind however, that this will apply NGG Gallery styling to your image such as the border and floating the image left. If you don't want this styling or behaviour, you can do one of two things: * 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>. (This will only remove the left alignment behaviour so if you also want to change the way it looks you need to use the alternative method below)

OR

  • 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 use.

If you also want to change the way it looks add this to your stylesheet as well:

span.nggve img {border:0 none; background:none;}

To change the hover add this:

span.nggve img:hover {background:none;}

You can add/change as much or as little of the style as you want.

4. Optionally (but very recommended): follow the intructions under Other Notes on how to ensure this plugin only loads on the pages it needs to.

Requires: 3.0 or higher
Compatible up to: 3.1.4
Last Updated: 2011-12-12
Downloads: 15,002

Ratings

3 stars
3 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
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
100,1,1
50,2,1
0,1,0
0,1,0
50,2,1
0,2,0