ZealousWeb

<p>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.</p>
<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>
<p><strong><a href="https://demo.zealousweb.com/wordpress-plugins/video-lightbox-for-guten-blocks/" rel="nofollow ugc">Demo for Video Lightbox For Guten Blocks</a></strong></p>
<h3>Plugin Requirement</h3>
<p>PHP version : 7.4 or latest<br />
WordPress   : WordPress 5.9 or latest</p>
<h3>Functionality</h3>
<p>This plugin utilizes third-party libraries to enhance its functionality:</p>
<ul>
<li><strong>Fancybox JS:</strong> 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><strong>Fancybox CSS:</strong> 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><strong><a href="https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro" rel="nofollow ugc">Abandoned Contact Form 7 Pro</a></strong></li>
<li><strong><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></strong></li>
<li><strong><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></strong></li>
<li><strong><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></strong></li>
<li><strong><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></strong></li>
<li><strong><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></strong></li>
<li><strong><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></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro" rel="nofollow ugc">Custom Product Options WooCommerce Pro</a></strong></li>
<li><strong><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></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro" rel="nofollow ugc">Smart Appointment & Booking Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro" rel="nofollow ugc">Smart Showcase for Google Reviews Pro</a></strong></li>
<li><strong><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></strong></li>
</ul>


Video Lightbox For Guten Blocks

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

David Anderson / Team Updraft

Steve Burge

andergmartins

Kevin Batdorf

DNutbourne

PublishPress

htmgarcia

matchalabs

rochdesigns

MetaSlider

<p>MetaSlider Gallery is the ultimate WordPress gallery plugin. You can build an image gallery. You can also show your images, videos, and slideshows in a beautiful gallery window. Plus, MetaSlider Gallery is deeply integrated with the <a href="https://wordpress.org/plugins/ml-slider/" rel="ugc">MetaSlider Slideshow</a> plugin so you can create stylish sliders.</p>
<p>The MetaSlider Gallery plugin allows you to create beautiful image galleries that can be placed anywhere on your WordPress site. You can also show a wide variety of media inside a lightbox gallery window, including these:</p>
<ul>
<li>Images</li>
<li>Image galleries</li>
<li>Videos hosted on WordPress sites</li>
<li>Vimeo videos</li>
<li>YouTube Videos</li>
<li>Featured images</li>
<li><a href="https://wordpress.org/plugins/ml-slider/" rel="ugc">MetaSlider slideshows</a></li>
</ul>
<h3>Create stylish image galleries</h3>
<p>MetaSlider Gallery allows you to create stylish image galleries that work with the block editor, the Classic Editor, and any page-builder. To create a new gallery, find the “Galleries” screen.</p>
<p>There are five layouts available for your image gallery: Grid, Masonry, Justified, Carousel, and Showcase.</p>
<ul>
<li><strong>Grid</strong>: Show your images in rows and columns. Each row and column will be the same size.</li>
<li><strong>Masonry</strong>: Show the images in a grid-like layout, but this approach has a flexible placement that fills gaps left by shorter items.</li>
<li><strong>Justified</strong>: This allows each image to keep its original aspect ratio, so it won’t always be possible to fill each row edge-to-edge.</li>
<li><strong>Carousel</strong>: Show one main image at the time. The visitor can use arrows or the thumbnail navigation to browse to the next image.</li>
<li><strong>Showcase</strong>: Shows one image at a time. In this layout, the arrows and the thumbnail navigation are both underneath the image.</li>
</ul>
<p><a href="https://www.metaslider.com/docs/create-image-galleries/" rel="nofollow ugc">See how to create WordPress image galleries</a>.</p>
<h3>Show your single images in a gallery window</h3>
<p>You can really enhance your WordPress media with gallery windows. Visitors can view your images or videos and then open them inside a modal. This can make the image or video larger and also darken the background so it’s easier to focus on the media.</p>
<p>MetaSlider Gallery allows you to add gallery windows to images in your WordPress post content. You can choose to automatically add the gallery window to all images, or you can do it manually via the “Enlarge on click” setting. This works with both the block editor and the Classic Editor. You can also use this gallery window with page-builders such as Elementor, Divi, and Beaver Builder, thanks to the CSS feature.</p>
<p><a href="https://www.metaslider.com/docs/images-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with images</a>.</p>
<h3>Show your image galleries in a stylish window</h3>
<p>MetaSlider Gallery allows you to add gallery windows to image galleries in your WordPress post content. You can choose to automatically add the gallery window to all images, or you can do it manually via the “Enlarge on click” setting. Each image in your gallery can get its own gallery window setting.</p>
<p><a href="https://www.metaslider.com/docs/image-galleries-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with image galleries</a>.</p>
<h3>Show your videos in a gallery window</h3>
<p>You can use the MetaSlider Gallery plugin to show videos inside a gallery window modal window. The MetaSlider Gallery plugin supports videos hosted inside your WordPress media library. You can use MetaSlider Gallery to showcase your .MP4, .WebM, and .MOV videos.</p>
<p><a href="https://www.metaslider.com/docs/video-lightbox" rel="nofollow ugc">Click here to see more gallery windows with local videos</a>.</p>
<h3>Show your YouTube videos in a gallery window</h3>
<p>MetaSlider Gallery allows you to add gallery windows to YouTube videos in your WordPress post content. You can choose to automatically add the gallery window to all YouTube images. You can use many different YouTube URL formats. <a href="https://www.metaslider.com/docs/youtube-url-formats/" rel="nofollow ugc">There’s a list of formats here</a>.</p>
<p><a href="https://www.metaslider.com/docs/youtube-videos-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with YouTube videos</a>.</p>
<h3>Show your Vimeo videos in a gallery window</h3>
<p>MetaSlider Gallery allows you to add gallery windows to Vimeo videos in your WordPress post content. You can choose to automatically add the gallery window to all Vimeo videos</p>
<p><a href="https://www.metaslider.com/docs/vimeo-videos-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with Vimeo videos</a>.</p>
<h3>Add a gallery window to your MetaSlider Slideshows</h3>
<p>The MetaSlider Gallery plugin connects deeply with the MetaSlider Slideshow plugin.</p>
<p>A slideshow allows you to create a beautiful showcase of images or videos for your visitors. You can enhance your slideshow with a gallery window. Visitors can view your slideshow and then click on an image and see a larger, higher-resolution version of the image. Often the background is darkened so that the viewer’s eyes can focus on the image alone.</p>
<p><a href="https://www.metaslider.com/docs/slideshows-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with MetaSlider slideshows</a>.</p>
<h3>Design Options for MetaSlider Gallery</h3>
<p>The MetaSlider Gallery plugin has a wide range of design options to allow to customize the gallery window effect. You can customize the gallery window background and overlay appearance. You can choose the navigation icons (close, previous, next arrows) that appear in all gallery windows. You can modify the “Open in lightbox window” option that can be added to media.</p>
<p><a href="https://www.metaslider.com/docs/design-options-for-metaslider-lightbox/" rel="nofollow ugc">Click here to see gallery window design options</a>.</p>


MetaSlider Gallery – Image Gallery, Lightbox Galleries, Modal Windows

MetaSlider Gallery is the ultimate gallery plugin. Build an image gallery, or show your images, videos, and slideshows in a beautiful gallery window.

Video Lightbox For Guten Blocks vs MetaSlider Gallery – Image Gallery, Lightbox Galleries, Modal Windows