Themeone

<h4>ModuloBox – NextGen Lightbox WordPress Plugin</h4>
<p><a href="https://theme-one.com/modulobox/" rel="nofollow ugc">Live demo</a></p>
<p>ModuloBox is a modular WordPress Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way.<br />
ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.</p>
<p>Built on top of the latest technologies, ModuloBox is multi-gestures compatible, smooth and performant! Easily navigate with one or several fingers on your smartphone.<br />
Swipe, drag and pinch content naturally like with a native mobile swipeable view.<br />
It also supports navigation with keyboard or mouse wheel to slide or zoom.</p>
<p>ModuloBox mimics the most populars UIs like IOS, Android, Google Drive, etc…<br />
With a well known UI, users will instantly understand how to use the lightbox, and will easily navigate through your galleries.</p>
<p>Easily fine tune your Lightbox with extended and awesome functionalities thanks to a powerful and intuitive options panel.<br />
ModuloBox is the only one lightbox to gather all these possibilities in one unique plugin.</p>
<p>ModuloBox is compatible with the most famous gallery plugins. You will be able to open in ModuloBox your favorite galleries and your Woocommerce products galleries.<br />
It’s also possible to open any custom element from a CSS class name for example.<br />
ModuloBox also comes with a custom justified gallery in order to replace the native WordPress Gallery Shortcode.</p>
<p><strong>Lite Version</strong></p>
<p>The aim of the Lite version is to show off how ModuloBox works and what you can expect from the premium version.<br />
With the Lite version you will be able to create lightbox of image galleries from your WordPress media library.</p>
<p><strong><a href="https://codecanyon.net/item/modulobox-nextgen-lightbox-plugin-for-wordpress/20014614?ref=Theme-one" rel="nofollow ugc">Premium Version</a></strong></p>
<p>The premium version of ModuloBox includes all features and 6 months of premium support (from a dedicated ticket system).<br />
The support response time is usually 1 business day from the GMT timezone (+2).</p>
<p><strong>WordPress Features</strong></p>
<p>ModuloBox is certainly the most advanced Lightbox plugin.<br />
It comes with plenty of options easily configurabl thanks to a powerfull options panel.</p>
<p><strong>Main Features:</strong></p>
<ul>
<li>Fully Responsive</li>
<li>Mobile Friendly</li>
<li>Unlimited colors</li>
<li>SVG icons</li>
<li>Thumbnails support</li>
<li>Multi-touch gestures support</li>
<li>Physics Based Animations</li>
<li>Automatic SlideShow support (with CountDown timer)</li>
<li>FullScreen support</li>
<li>HTML5 Browser History support (deep linking)</li>
<li>Browser features control (scrollbar, mousewheel, right click prevention)</li>
<li>Inactive State detection</li>
<li>Smart Resizing</li>
<li>Smart Loading</li>
<li>HTML Caption (title and description)</li>
<li>Google Fonts integration</li>
<li>Keyboard and mouse wheel support (navigate and zoom)</li>
<li>RTL layout support</li>
<li>HTML5 videos (.mp4, .webm, .ogv)</li>
<li>Youtube, Vimeo, Dailymotion, Wistia</li>
<li>iFrame (Google Map, PDF reader, websites, etc…)</li>
<li>HTML content (anything you want like a form for example)</li>
<li>Autodetect videos and images format</li>
<li>Social Sharing (Facebook, Google+, Twitter, Pinterest, Linkedin, Reddit, Tumblr, StumbleUpon, Blogger, Buffer, Digg, Evernote)</li>
<li>Multiple Galleries support</li>
<li>Compatible with WordPress single image and Gallery Shortcode</li>
<li>Compatible with The Grid plugin</li>
<li>Compatible with the Jetpack galleries</li>
<li>Compatible with the NextGen galleries</li>
<li>Compatible with the Envira galleries plugin</li>
<li>Compatible with the Woocommerce product galleries (on single product page)</li>
<li>Compatible with the Visual Composer plugin</li>
<li>Compatible with Justified Image Grid plugin</li>
<li>Compatible with Essential Grid plugin</li>
<li>Compatible with Google Chrome, FireFox, Safari, Opera, IE Edge, and IE10</li>
<li>Includes a custom justified gallery to replace the native WordPress Gallery Shortcode</li>
<li>Import/Export settings</li>
<li>Automatic Updates</li>
<li>Advanced JavaScript API</li>
<li>Developer Friendly</li>
<li>Multisite Support</li>
</ul>


ModuloBox – NextGen Lightbox

A modular, versatile & highly customizable lightbox plugin to display your media in a fully responsive popup.

Tips and Tricks HQ

Ruhul Amin

wptipsntricks

<p>The WordPress Video Lightbox plugin allows you to embed videos on a page using lightbox overlay display.</p>
<p>This plugin can be used to display images, flash, YouTube, Vimeo, iFrame etc in a lightbox overlay. The embedded videos can be viewed on iPhone and iPad too.</p>
<p><iframe loading="lazy" title="WP Video Lightbox Basic Usage" width="750" height="422" src="https://www.youtube.com/embed/WoLLwF6OwzQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><iframe loading="lazy" title="Embed Youtube Videos Using Lightbox Popup on WordPress" width="750" height="422" src="https://www.youtube.com/embed/kDN2d8jU3zM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Embedding Vimeo Video</h4>
<p>You can embed a Vimeo video using the following shortcode in a WordPress post or page:</p>
<pre><code>[video_lightbox_vimeo5 video_id="13562192" width="640" height="480" anchor="click here to open vimeo video"]
[video_lightbox_vimeo5 video_id="13562192" width="640" height="480" anchor="http://www.example.com/images/vimeo-thumb.jpg"]
</code></pre>
<p>You need to replace the value of “video_id” with your actual Vimeo video ID. When a user clicks on the anchor text/image your vimeo video will pop up in lightbox.</p>
<p>In order to embed a private Vimeo video you need to add the “p_hash” parameter to the shortcode.</p>
<pre><code>[video_lightbox_vimeo5 video_id="13562192" p_hash="5e2d1c1e6d" width="640" height="480" anchor="click here to open vimeo video"]
</code></pre>
<p>The value of “p_hash” can be found in the <code>?h=</code> hash parameter of your Vimeo embed code (e.g. <code>https://player.vimeo.com/video/13562192?h=5e2d1c1e6d</code>).</p>
<h4>Embedding YouTube Video</h4>
<p>You can embed a YouTube video using the following shortcode in a WordPress post or page:</p>
<pre><code>[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="click here to open YouTube video"]
[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="http://www.example.com/images/youtube-thumb.jpg"]
</code></pre>
<p>You need to replace the value of “video_id” with your actual YouTube video ID. You can also control the size of the lightbox window by customizing the width and height parameters.</p>
<h4>Optimizing the SEO of your Thumbnail Image</h4>
<p>When you are using a thumbnail image as the anchor, you can describe it using the “alt” parameter in the shortcode. It helps Search Engines understand what this image is about.</p>
<pre><code>[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="http://www.example.com/images/youtube-thumb.jpg" alt="text that describes this image"]
</code></pre>
<p>You need to replace the value of “alt” with your own description of the image.</p>
<h4>Features/Settings Configuration</h4>
<p>Once you have installed the plugin you can configure some options to customize the popup. The settings menu can be accessed from “Settings->Video Lightbox->prettyPhoto”.</p>
<ul>
<li>Enable prettyPhoto: Check this option if you want to use the prettyPhoto library</li>
<li>Animation speed: fast / slow / normal [default: fast]</li>
<li>Autoplay slideshow: true / false [default: false]</li>
<li>Opacity: Value between 0 and 1 [default: 0.8]</li>
<li>Show title: true / false [default: true] </li>
<li>Allow resize: Resize the photos bigger than viewport. true / false [default: true]</li>
<li>Allow expand: Allow the user to expand a resized image. true / false [default: true]</li>
<li>Default width: default width of the lightbox window [default: 640, you can override it using the width parameter in the shortcode]</li>
<li>Default height: default height of the lightbox window [default: 480, you can override it using the height parameter in the shortcode]</li>
<li>Counter separator label: The separator for the gallery counter in lightbox [default: /]</li>
<li>Theme: theme for the lightbox window – Default, Light Rounded, Dark Rounded, Light Square, Dark Square, Facebook</li>
<li>Horizontal padding: The padding on each side of the lightbox window [default: 20]</li>
<li>Hide Flash: Hides all the flash objects on a page, set to true if flash appears over prettyPhoto [default: false]</li>
<li>wmode: the flash wmode attribute [default: opaque]</li>
<li>Autoplay: Automatically start videos: true / false [default: true]</li>
<li>Modal: If set to true, only the close button will close the window [default: false]</li>
<li>Deeplinking: Allow prettyPhoto to update the url to enable deeplinking. [default: true]</li>
<li>Overlay gallery: If this enabled, a gallery will overlay the fullscreen image on mouse over [default: true]</li>
<li>Overlay gallery max: Maximum number of pictures in the overlay gallery [default: 30]</li>
<li>Keyboard shortcuts: Set to false if you open forms inside prettyPhoto [default: true]</li>
<li>IE6 fallback: compatibility fallback for IE6 [default: true]</li>
</ul>
<h4>Additional Features</h4>
<ul>
<li>Automatically retrieve the thumbnail for your video and embed in lightbox</li>
<li>Load YouTube video over https. This is great if you have SSL installed on your site</li>
<li>Disable suggested videos at the end of a YouTube video</li>
<li>Enable privacy-enhanced mode in a YouTube video</li>
<li>Flexiblity of using both shortcode/html code to pop up media in lightbox</li>
<li>Show description of a popup in overlay</li>
</ul>
<p>For video tutorial, screenshots, detailed documentation, support and updates, please visit: <a href="https://www.tipsandtricks-hq.com/wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700" rel="nofollow ugc">WP Video Lightbox plugin page</a></p>
<h3>Usage</h3>
<p>You need to embed the appropriate shortcode on a post/page to display the specific type of media (Youtube, Vimeo, Flash etc).<br />
Instructions for using the shortcodes are available at the following URL:<br />
<a href="https://www.tipsandtricks-hq.com/wp-content/uploads/docs/WP-Video-Lightbox-Plugin-Usage-Guide.pdf" rel="nofollow ugc">WP Video Lightbox Details Usage Instruction</a></p>


WP Video Lightbox

The shortcode is decent, but the designs are way too opinionated and there is a big red button on each of the videos. Would also like the ability to have the video title under the thumbnail for the video. Would not necessarily recommend.

Ok, but too opintionated

Very easy to use WordPress lightbox plugin to display YouTube and Vimeo videos in an elegant lightbox overlay.

ModuloBox – NextGen Lightbox vs WP Video Lightbox