Dec 152014
 

WP Video Lightbox Plugin post shows you how to set up this plugin to display YouTube videos, Vimeo videos using a lightbox display and more.

Last Updated: August 16, 2018

Latest News: I have added more information below.

WordPress is very good at handling YouTube videos and other video formats. However you might need more control over your videos. This little but very powerful plugin by Tips And Tricks HQ will provide you with the extra settings that you need.

wp-video-lightbox-plugin

WP Video Lightbox Version 1.8.6 Changelog

  • Added a fix so a search engine bot cannot access the video lightbox directory.

Great news, in version 1.7.8 you can now add the alt=”” tag in the short code. This is good for SEO and also great for adding information about the image.

WP Video Lightbox Plugin

What You Need:

WP Video Lightbox Tutorials: 

  1. Settings
  2. Add Alt Text To Anchor Image
  3. Troubleshooting

WP Video Lightbox Plugin Steps

Step 1 ) Go to Settings -> Video Lightbox menu. See image below.

wp-video-lightbox-menu

Step 2 ) The following image General allows you to select from one of the following options.

  • Enable jQuery = This should be enabled by default since lightbox requires jQuery.
  • Click on Save Changes button when you finish

Note: In some cases if your have a plugin or theme that runs jQuery it might conflict with the plugins jQuery.

wp-video-lightbox-general

Step 3 ) The following image prettyPhoto allows you to select from one of the following options.

  • Enable prettyPhoto
  • Animation speed  = fast / slow / normal [default: fast]
  • Slideshow
  • Autoplay slideshow = Note: If your video keeps looping after a few seconds, then make sure this feature is disabled.
  • Opacity

wp-video-lightbox-prettyphoto

Step 4 ) The following image allows you to select from one of the following options.

  • Show title
  • Allow resize
  • Allow expand
  • Default width
  • Default height
  • Counter separator label
  • Theme = Default, Light Rounded, Dark Rounded, Light Square, Dark Square, Facebook
  • Horizontal padding

wp-video-lightbox-prettyphoto-show-title

Step 5 ) The following image allows you to select from one of the following options.

  • Hide Flash
  • wmode [default: opaque]
  • Autoplay = This feature auto plays the video when you click on the image or link.
  • Modal
  • Deeplinking

wp-video-lightbox-prettyphoto-hide-flash

Step 6 ) The following image allows you to select from one of the following options.

  • Overlay gallery
  • Overlay gallery max
  • Keyboard shortcuts
  • IE6 fallback
  • Click on Save Changes button when you finish

wp-video-lightbox-prettyphoto-overlay-gallery

Shortcode

The following is a sample shortcode for Vimeo videos you would add to your post or page

[ video_lightbox_vimeo5 video_id=”your id” width=”640″ height=”480″ anchor=”click here to open vimeo video” ]

If you want to learn more about this plugin click on the following URL wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700

That is all you need to add to your website to display some YouTube, Vimeo videos.

If you need more power and more control then check out the commercial version WP Lightbox Ultimate you won’t be disappointed.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest post.

Enjoy.

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.