EDGARROJAS

<h4>Gutenberg Advance Video</h4>
<p>This plugin adds a new video block to the Gutenberg editor with the following features:</p>
<p>** Drag and drop: Upload and add videos to your Page/Post by just dragging them to the editor.<br />
** Autoplay:Make your videos autoplay as soon as they are loaded<br />
** Loop: Repeat the video automatically when it is over.<br />
** Controls: Show/hide the video controls</p>


Gutenberg Advance Video

Add more features to the video block like drag-and-drop, loop, autoplay and resize. **Requires at least Gutenberg v2.4

Freemius

Abu Hayat

bPlugins

Charles Cormier

Himangsu Roy

<p><a href="https://bplugins.com/products/video-gallery-block" rel="nofollow ugc">Video Gallery Block</a> is a lightweight WordPress video gallery plugin that lets you create responsive video galleries, grids, and lightbox popups directly inside the Gutenberg block editor.</p>
<p><strong><a href="https://bplugins.com/products/video-gallery-block" rel="nofollow ugc">Video Gallery Block</a></strong> | <strong><a href="https://bplugins.com/products/video-gallery-block/pricing/" rel="nofollow ugc">Pricing</a></strong> | <strong><a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a></strong> | <strong><a href="https://bblockswp.com/demo/video-gallery" rel="nofollow ugc">Demo</a></strong></p>
<p>Display YouTube, Vimeo, self-hosted HTML5, or Wistia videos (supported in select Pro blocks) in clean and modern gallery layouts without writing any code. Organize videos using albums and filters, show them in responsive grids, and open videos in a smooth lightbox popup for a better viewing experience.</p>
<p>This Gutenberg video gallery block is perfect for creating video portfolios, testimonial sections, product video showcases, YouTube galleries, and Vimeo collections on any WordPress website.</p>
<h3>Key Features – Free Version</h3>
<p>The free version includes everything needed to build responsive video galleries in the Gutenberg editor.</p>
<ul>
<li><strong>Responsive Video Gallery Block</strong>: Create video galleries with clean grid layouts that automatically adapt to desktop, tablet, and mobile screens.</li>
<li><strong>Album & Filter System</strong>: Organize videos into albums and allow visitors to filter videos by category.</li>
<li><strong>Responsive Column Layouts</strong>: Set different column numbers for Desktop, Tablet, and Mobile devices.</li>
<li><strong>Multiple Video Sources</strong>: Add videos from YouTube and Vimeo (Wistia & self-hosted HTML5 video files supported in Pro).</li>
<li><strong>Custom Styling Controls</strong>: Adjust gallery spacing, padding, borders, backgrounds, and shadows directly from the block settings.</li>
<li><strong>Automatic or Custom Thumbnails</strong>: Automatically generate thumbnails from videos or upload custom poster images.</li>
<li><strong>Video Captions</strong>: Add captions or titles to each video displayed in the gallery.</li>
<li><strong>Lightbox Video Popup</strong>: Play videos in an elegant popup lightbox for an immersive viewing experience.</li>
<li><strong>Optimized Script Loading</strong>: Scripts only load when the block is used, helping maintain site performance.</li>
<li><strong>Translation Ready</strong>: Fully compatible with multilingual websites.</li>
</ul>
<h3>Video Gallery Block Pro – Unlock Advanced Video Layouts</h3>
<p><a href="https://bplugins.com/products/video-gallery-block/pricing/" rel="nofollow ugc">Video Gallery Block Pro</a> extends the plugin with additional Gutenberg video blocks and advanced gallery layouts.</p>
<h3>Pro Features Include</h3>
<ul>
<li><strong>31 Premium Video Blocks</strong>: Includes advanced blocks such as Video Slider, Carousel, Playlist Gallery, Masonry Video Grid, Lightbox Video Gallery, Parallax Row Video Gallery, Slider Autoplay Video, Video Testimonial Section, Video Podcast Episodes, Video Stories, Video Shorts Reel, Video Showcase Wall, Video Curriculum Accordion, Video Hotspot Scene, Video Tabs Gallery, Video Scrollytelling Showcase, Video Timeline Gallery, Video Bento Grid, Video Comparison Gallery, Video Justified Gallery, Video Expanding Panels, Video Wall with Floating Player (PiP), Video Swipe Deck, Video Marquee Wall, Video Flip Cards Gallery, Video Map Gallery, Video Property Tour Gallery, Video Workout Planner, Video Wedding Story Gallery, Video Menu Showcase, and Video Feature Tour.</li>
<li><strong>Masonry & Mixed Ratio Layouts</strong>: Display videos in dynamic masonry galleries or mixed aspect ratio grids.</li>
<li><strong>Video Sliders & Carousels</strong>: Create interactive video sliders with autoplay and navigation controls.</li>
<li><strong>Playlist Video Gallery</strong>: Build organized video playlists with navigation and sequential playback.</li>
<li><strong>Parallax Video Sections</strong>: Add background video sections with parallax scrolling effects.</li>
<li><strong>Advanced Typography & Overlays</strong>: Customize titles, captions, and overlay effects for each video.</li>
<li><strong>Custom Navigation & Player Controls</strong>: Control slider navigation, autoplay behavior, and player interactions.</li>
<li><strong>WooCommerce Video Product Carousel</strong>: Show product videos in carousel layouts for WooCommerce stores.</li>
<li><strong>Priority Support</strong>: Get faster assistance and updates.</li>
</ul>
<p><a href="https://bplugins.com/products/video-gallery-block/pricing/" rel="nofollow ugc">Try the Video Gallery Block</a>  – Unlock all premium features now!</p>
<h3>How to Use Video Gallery Block – Step-by-Step Guide</h3>
<p>Getting started with the Video Gallery Block is quick and easy!</p>
<h3>Step-by-Step Instructions</h3>
<h3>Insert the Video Gallery Block</h3>
<ul>
<li>Open any Page or Post in the WordPress Block Editor (Gutenberg).</li>
<li>Click the + (Add Block) button.</li>
<li>Search for “Video Gallery Block.”</li>
<li>Insert the block into your page.</li>
</ul>
<h3>Add and Organize Videos</h3>
<p>After inserting the block, configure the gallery using the block settings panel:</p>
<ul>
<li>Add video URLs from YouTube, Vimeo, or self-hosted sources.</li>
<li>Create albums for filtering videos.</li>
<li>Adjust column numbers and gallery layout.</li>
<li>Customize gallery styling options.</li>
<li>Enable or disable filter buttons.</li>
</ul>
<h3>Using Premium Blocks</h3>
<p>When you try to insert a Pro block (such as Video Slider or Parallax Row) while using the free version:</p>
<ul>
<li>A placeholder block will appear.</li>
<li>The block includes a <a href="https://bplugins.com/products/video-gallery-block/pricing/" rel="nofollow ugc">Get Premium</a> button.</li>
<li>You can remove the placeholder if you choose not to upgrade.</li>
</ul>
<h3>Preview and Publish</h3>
<p>Preview the page to see how your video gallery appears on different devices, then publish your page.</p>
<p>For installation help, see the Installation tab.</p>
<p><a href="https://bblockswp.com/demo/video-gallery" rel="nofollow ugc">Live Demo</a> | <a href="https://bplugins.com/products/video-gallery-block/pricing/" rel="nofollow ugc">Get Video Gallery Block PRO</a></p>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check Out The Parent Plugin of This Plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h4>Related Plugins</h4>
<p>Other plugins by our team:</p>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>
<h3>Source Code</h3>
<p>The non-minified source code for this plugin is available on our public repository:<br />
<a href="https://github.com/bPlugins/video-gallery-block-free" rel="nofollow ugc">GitHub Repository</a></p>
<h3>Third-Party Libraries</h3>
<h4>bpl-tools</h4>
<ul>
<li>Source / GitHub: https://github.com/bPlugins/bpl-tools</li>
<li>License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html</li>
<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.</li>
<li>External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made</li>
</ul>
<h4>Freemius Lite SDK</h4>
<ul>
<li><strong>Source:</strong> <a href="https://bplugins.com/" rel="nofollow ugc">https://bplugins.com/</a></li>
<li><strong>GitHub:</strong> <a href="https://github.com/bPlugins/freemius-lite-sdk" rel="nofollow ugc">https://github.com/bPlugins/freemius-lite-sdk</a></li>
<li><strong>License:</strong> GPL-2.0-or-later – <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-2.0.html</a></li>
<li><strong>Purpose:</strong> Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent.</li>
<li><strong>External Services:</strong> Communicates with <code>api.bplugins.com</code> (activation events) and <code>wp.freemius.com</code> (opt-in processing) only after user opt-in. See <a href="https://bplugins.com/privacy-policy" rel="nofollow ugc">bPlugins Privacy Policy</a> and <a href="https://freemius.com/privacy/" rel="nofollow ugc">Freemius Privacy Policy</a>.</li>
</ul>
<h4>Isotope</h4>
<ul>
<li>Source / Website: https://isotope.metafizzy.co/</li>
<li>License: GPL-3.0 – https://isotope.metafizzy.co/license.html</li>
<li>Purpose: Layout library to filter and sort video gallery items.</li>
</ul>
<h4>Plyr</h4>
<ul>
<li>Source / GitHub: https://github.com/sampotts/plyr</li>
<li>License: MIT – https://github.com/sampotts/plyr/blob/master/LICENSE.md</li>
<li>Purpose: Media player control wrapper for YouTube, Vimeo, and self-hosted HTML5 video files.</li>
</ul>
<h4>Fancybox</h4>
<ul>
<li>Source / Website: https://fancyapps.com/fancybox/</li>
<li>License: GPL-3.0 – https://fancyapps.com/license/</li>
<li>Purpose: Lightbox library used to pop up and play videos when clicked in the gallery layout.</li>
</ul>
<h3>Development</h3>
<p>This plugin uses modern JavaScript (React/ES6) compiled via Webpack.<br />
To compile the source code, please follow these steps:<br />
1. Clone the repository: <code>git clone https://github.com/bPlugins/video-gallery-block-free.git</code><br />
2. Navigate to the plugin directory: <code>cd video-gallery-block-free</code><br />
3. Install dependencies: <code>npm install</code><br />
4. Compile the production assets: <code>npm run build</code></p>


Video Gallery Block

Display your videos as a gallery in a professional way

Gutenberg Advance Video vs Video Gallery Block