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