ZealousWeb

Video Lightbox for Guten Blocks is a user-friendly WordPress plugin that seamlessly integrates into the Gutenberg editor, allowing users to effortlessly create visually stunning Video Popups. With flexible customization options, this plugin enhances the overall design and engagement of your content, offering an easy and effective way to showcase video within your website.
<ul>
<li>Display video in popup using button or image layout.</li>
<li>Lightbox functionality for image and video to provide a larger view when clicked.</li>
<li>Support various video formats, including MP4, YouTube and Vimeo etc.</li>
<li>Provide the option to upload image & click to open Video Popup with PlayIcon image.</li>
<li>Customize the appearance of button option, including colors, border, and textcolor.</li>
<li>Customize the appearance of lightbox Video width, background color & opacity.</li>
</ul>
<a href="https://demo.zealousweb.com/wordpress-plugins/video-lightbox-for-guten-blocks/" rel="nofollow ugc">Demo for Video Lightbox For Guten Blocks</a>
<h3>Plugin Requirement</h3>
PHP version : 7.4 or latest 
WordPress : WordPress 5.9 or latest
<h3>Functionality</h3>
This plugin utilizes third-party libraries to enhance its functionality:
<ul>
<li>Fancybox JS: https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js – Use to achive lightbox functionality for videos in popup</li>
<li>Fancybox CSS: https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css – Use to achive lightbox functionality for videos in popup</li>
</ul>
<h3>OUR OTHER PLUGINS</h3>
<ul>
<li><a href="https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro" rel="nofollow ugc">Abandoned Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-2checkout-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept 2 Checkout Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-authorize-net-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Authorize.NET Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-elavon-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Elavon Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-paypal-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept PayPal Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-sage-pay-opayo-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Sagepay(Opayo) Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-stripe-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Stripe Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro" rel="nofollow ugc">Custom Product Options WooCommerce Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/generate-pdf-using-contact-form-7-pro" rel="nofollow ugc">Generate PDF Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro" rel="nofollow ugc">Smart Appointment & Booking Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro" rel="nofollow ugc">Smart Showcase for Google Reviews Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro" rel="nofollow ugc">User Registration Using Contact Form 7 Pro</a></li>
</ul>

Video Lightbox For Guten Blocks

Elevate WordPress with "Video Lightbox for Guten Blocks". Streamline video embedding effortlessly for engaging content.

wpdevart

WordPress Image and Video Lightbox is an high customizable and responsive plugin for displaying images and videos in popup. You just need install our plugin and enable it. 
There are a lot of settings that will help you to configure what you need.
<h3>Check our plugin demo page here</h3>
<a href="https://demo.wpdevart.com/wordpress-lightbox-demo" rel="nofollow ugc">Demo Page</a>
If are using a lot of images and videos on your website then this plugin is an necessary one for you.
Our plugin have a lot of free and Premium features, here are some of them.
<h3>Features of free version</h3>
<ul>
<li>Fully Responsive</li>
<li>Handy admin panel and easy use</li>
<li>Tested on all modern browsers</li>
<li>Works perfectly with all versions of WordPress</li>
<li>Image and Video lightbox</li>
<li>Ability to set Popup background color, Initial Width, Initial Height, Max Width and Height, Position, Fixed position, Border color, Border radius and width, Opening type</li>
<li>Overlay transparency</li>
<li>Ability to upload loading thumbnail</li>
<li>Ability to show Show/Hide Control Buttons in content or outside content</li>
<li>Ability to set Control Buttons Line Background Color and Height</li>
<li>Ability to change/upload all control buttons</li>
<li>Ability to Show/Hide information panel</li>
<li>Ability to show information panel inside content or outside content</li>
<li>Ability to set information line background color and height</li>
<li>Ability to change count text</li>
<li>Ability to set Count, Description and Title sections padding left and right parameter, text font size</li>
<li>Ability to Show/Hide default description text if the photo doesn’t have caption or title</li>
<li>Ability to set default description text if the photo doesn’t have caption</li>
<li>Ability to set default Title text if the photo doesn’t have title attribute</li>
<li>Ability to set information line elements ordering</li>
<li>Ability to hide Count, Description and Title sections</li>
<li>Ability to download images</li>
<li>User friendly back-end</li>
<li>Tested on popular WordPress themes</li>
</ul>
You can upgrade the free version to <a href="https://wpdevart.com/wordpress-lightbox-plugin/" rel="nofollow ugc">Pro Version</a> to add some great features.
<h3>The features of Pro version</h3>
<ul>
<li>Popup opening 12 animation effects(animation duration)</li>
<li>Nice Slideshow</li>
<li>Ability to set Slideshow Time</li>
<li>Ability to select animation type and duration</li>
<li>Ability to use fullscreen functionality</li>
<li>Ability to set overlay top background color</li>
<li>Overlay bottom background color</li>
<li>Control buttons line transparency and hover background transparency</li>
<li>Ability to Enable/Disable left and right navigation buttons mouseover functionality</li>
<li>Ability to Show/Hide left and right navigation buttons inside popup</li>
<li>Ability to set Background color and transparency of left and right navigation buttons inside popup(aslo, when hovering)</li>
<li>Ability to Show/Hide left and right navigation buttons in overlay</li>
<li>Ability to set Background color and transparency of left and right navigation buttons(alos, in overlay when hovering)</li>
<li>Count, Description and Title sections text font family(31 fonts), font weight, font style, color</li>
<li>Information line transparency and hover transparency</li>
<li>Ability to enable overlay fade effect</li>
<li>Ability to set overlay fade effect time and Navigation line ordering</li>
<li>Ability to order elements</li>
<li>Ability to hide any navigation button</li>
<li>Premium support</li>
</ul>
If you found any bug or mistake in our plugin or have a question contact us at support@wpdevart.com, we will be happy to fix it.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qzx8U0D4LuY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Overlay Settings</h3>
<ul>
<li>Transparency – Set the transparency</li>
<li>Top background color – Choose top background color</li>
<li>Bottom background color – Choose bottom background color</li>
<li>Fade effect – Enable/Disable fade effect</li>
<li>Fade effect time – Set fade effect time</li>
</ul>
<h3>Popup Settings</h3>
<ul>
<li>Background color – Set the background color </li>
<li>Loading thumbnail(.gif) – Type the url or upload the .gif thumbnail</li>
<li>Initial Width – Type initial width</li>
<li>Initial Height – Type initial height</li>
<li>Max Width – Type Max width for</li>
<li>Max Height – Type Max height</li>
</ul>
Position
<ul>
<li>Position – Select the position</li>
<li>Fixed position – Enable/Disable fixed position</li>
<li>Distance from window when position is 1,2,3,4,6,7,8,9 – Type distance from window when position is 1,2,3,4,6,7,8,9(except Middle center position) </li>
</ul>
Border
<ul>
<li>Border color – Set the border color</li>
<li>Border width – Type the border width</li>
<li>Border radius – Set the border radius</li>
</ul>
Animation
<ul>
<li>Opening type – Choose the opening type</li>
<li>Opening animation type – Choose opening animation type </li>
<li>Animation duration – Choose duration of animation</li>
</ul>
Elements ordering
<ul>
<li>Elements ordering – Set the ordering of elements </li>
</ul>
<h3>Control Buttons Settings</h3>
Main
<ul>
<li>Show Control Buttons – Show/Hide control buttons</li>
<li>Show Control Buttons in content – Show/Hide control buttons in content</li>
<li>Control Button Line Height – Type Control Button Line Height</li>
<li>Control buttons line Background Color – Choose control buttons line background color</li>
<li>Control buttons line background transparency – Set control buttons line background transparency</li>
<li>Control buttons line hover background transparency – Set control buttons line hover background transparency</li>
<li>Show/Hide left and right navigation buttons inside popup – Choose to show or hide left and right navigation buttons</li>
<li>Enable/Disable left and right navigation buttons mouseover functionality – This functionality will show left and right navigation buttons only when you navigate with your mouse on photo, if you disable it then your navigation buttons always will be active</li>
<li>Show/Hide left and right navigation buttons in overlay – Choose to show or hide left and right navigation buttons in overlay</li>
<li>Background color of left and right navigation buttons in overlay when hovering – Set the background color of left and right navigation buttons in overlay when hover</li>
<li>Background transparency of left and right navigation buttons in overlay when hovering – Set the background transparency of left and right navigation buttons in overlay when hover</li>
<li>Slideshow Time – Type the Slideshow Time</li>
<li>Animation type – Select the animation type</li>
<li>Duration of animation – Type duration of animation</li>
</ul>
Images
<ul>
<li>Previous img(icon), Next img(icon) inside popup</li>
<li>Previous img(icon), Next img(icon) in overlay</li>
<li>Previous img(icon)</li>
<li>Previous img(icon) when hovering(optional) </li>
<li>Next img(icon) </li>
<li>Next img(icon) when hovering(optional) </li>
<li>Play img(icon) </li>
<li>Play img(icon) when hovering(optional) </li>
<li>Pause img(icon) </li>
<li>Pause img(icon) when hovering(optional) </li>
<li>Download img(icon)</li>
<li>Download img(icon) when hovering(optional) </li>
<li>Open in new window img(icon)</li>
<li>Open in new window img(icon) when hovering(optional) </li>
<li>Full width img(icon)</li>
<li>Full width img(icon) when hovering(optional) </li>
<li>Full width reset img(icon)</li>
<li>Full width reset img(icon) when hovering(optional) </li>
<li>Full screen img(icon)</li>
<li>Full screen img(icon) when hovering(optional) </li>
<li>Full screen reset img(icon)</li>
<li>Full screen reset img(icon) when hovering(optional) </li>
<li>Close img(icon) </li>
<li>Close img(icon) when hovering </li>
</ul>
Ordering
<ul>
<li>Navigation line ordering – Set the navigation line ordering</li>
</ul>
<h3>Information Line Settings</h3>
<ul>
<li>Show information panel – Choose to show/hide information panel </li>
<li>Show information panel in content – Show information panel inside or outside content</li>
<li>Information line height – Type information line height</li>
<li>Information line background color – Choose information line background color </li>
<li>Information line transparency – Set the information line transparency</li>
<li>Information line hover transparency – Set the information line hover transparency </li>
<li>Count text – Type the count text </li>
</ul>
Count
<ul>
<li>Count section padding left – Type the count section padding left</li>
<li>Count section padding right – Type the count section padding right</li>
<li>Count section text font size – Type the count section text font size</li>
<li>Count section text font family – Select the count section text font family</li>
<li>Count section text font weight – Select the count section text font weight </li>
<li>Count section text font style – Select the count section text font style</li>
<li>Count section text color – Set the count section text color </li>
</ul>
Description
<ul>
<li>Description section padding left – Type the description section padding left</li>
<li>Description section padding right – Type the description section padding right </li>
<li>Description section text font size – Type the description section text font size </li>
<li>Description section text font family – Select the description section text font family </li>
<li>Description section text font weight – Select the description section text font weight </li>
<li>Description section text font style – Select the description section text font style </li>
<li>Description section text color – Set the description section text color </li>
<li>Default description text if the photo doesn’t have caption – Type the default description text if the photo doesn’t have caption</li>
</ul>
Title
<ul>
<li>Title padding left – Type the title padding left</li>
<li>Title padding right – Type the title padding right</li>
<li>Title font size – Type the title font size </li>
<li>Title font family – Select the title font family</li>
<li>Title font weight – Select the title font weight</li>
<li>Title font style – Select the title font style</li>
<li>Title color – Set the title color</li>
<li>Default Title text if the photo doesn’t have title attribute – Type the default title text if the photo doesn’t have title attribute</li>
</ul>
Ordering
<ul>
<li>Information line elements ordering – Set the information line elements ordering</li>
</ul>

Image and Video Lightbox, Image PopUp

Hi dear users.
We hope you will like our new Lightbox plugin.
There are a lot of useful and necessary option in our lightbox.
If you find any bug in our Lightbox plugin, then contact us and we will fix it.
Thanks for using our Lightbox plugin.



Awesome and customizable lightbox

Don't waste your time. Fail on a lot of levels. First of all, this is a trick to get you to set it up and then be forced to buy the PRO version. This plugin has a lot of features but the free version is impossible to use without upgrading to Pro. In fact, there are a lot of features that are forced on in the free version which most webmasters will not want to be forced on, such as downloading the image, and some ridiculous popout effects that broke the lightbox on the page whenever the user selected them during our testing. Also, in the free version, the background color and text color for some attributes are the same color, which means you won't see the info at all unless you upgrade to PRO so you can change the colors. Also, the free version is supposed to be able to show the image title, but in our testing the plugin had some bugs that it absolutely did not show the title (img title attribute) or the "description" (caption), even though it was set to show the info. So it doesn't even work for the very basic title feature.

Bait and Switch

Don’t waste your time. Fail on a lot of levels. First of all, this is a trick to get you to set it up and then be forced to buy the PRO version. This plugin has a lot of features but the free version is impossible to use without upgrading to Pro.

Don’t waste your time

Image and Video Lightbox is an high customizable and responsive plugin for displaying images and videos in popup.

Video Lightbox For Guten Blocks vs Image and Video Lightbox, Image PopUp