Accordion Blocks vs Video Gallery Block – showcase your videos in a filterable gallery

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

Turn scattered YouTube and Vimeo videos into a beautiful, filterable gallery your visitors can browse and play in a lightbox – no code required. Video Gallery Block | Pricing | Support | Demo Why Video Gallery Block? Video Gallery Block is a lightweight WordPress video gallery plugin that lets you create responsive video galleries, YouTube galleries, Vimeo galleries, and video collections directly inside the Gutenberg block editor. Organize videos into albums, let visitors filter by category, and play everything in an elegant lightbox popup. Thumbnails are generated automatically (or upload your own poster images), captions keep every video labeled, and scripts load only when the block is used so your site stays fast. The Pro version adds self-hosted HTML5 and Wistia sources plus advanced layouts like sliders, carousels, masonry grids, and playlist galleries – ideal for video portfolios, product galleries, training libraries, and course videos. Free Features Responsive Video Gallery Block: Clean grid layouts that automatically adapt to desktop, tablet, and mobile screens. Album & Filter System: Organize videos into albums and let visitors filter by category. Responsive Column Layouts: Set different column numbers for desktop, tablet, and mobile. Multiple Video Sources: Add videos from YouTube and Vimeo (Wistia & self-hosted HTML5 supported in Pro). Custom Styling Controls: Adjust spacing, padding, borders, backgrounds, and shadows from the block settings. Automatic or Custom Thumbnails: Auto-generate thumbnails or upload custom poster images. Video Captions: Add captions or titles to each video in the gallery. Lightbox Video Popup: Play videos in an elegant popup lightbox. Optimized Script Loading: Scripts load only when the block is used, keeping your site fast. Translation Ready: Fully compatible with multilingual websites. Pro Version Video Gallery Block Pro extends the plugin with additional Gutenberg video blocks and advanced gallery layouts. Pro features include: 31 Premium Video Blocks: 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: Dynamic masonry galleries and mixed aspect ratio grids. Video Sliders & Carousels: Interactive sliders with autoplay and navigation controls. Playlist Video Gallery: Organized playlists with navigation and sequential playback. Parallax Video Sections: Background video sections with parallax scrolling effects. Advanced Typography & Overlays: Customize titles, captions, and overlay effects per video. Custom Navigation & Player Controls: Control slider navigation, autoplay, and player interactions. WooCommerce Video Product Carousel: Show product videos in carousel layouts for WooCommerce stores. Priority Support: Faster assistance and updates. Try the Video Gallery Block – Unlock all premium features now! How to Use Open any page or post in the WordPress block editor (Gutenberg). Click the + (Add Block) button and search for Video Gallery Block, then insert it. Add video URLs from YouTube or Vimeo in the block settings panel. Create albums for filtering, adjust columns and layout, and customize styling; enable or disable filter buttons. Preview the page on different devices, then publish. Using Premium Blocks: If you insert a Pro block (such as Video Slider or Parallax Row) in the free version, a placeholder appears with a Get Premium button – you can remove it if you choose not to upgrade. Live Demo | Get Video Gallery Block PRO Use Cases Video Portfolios: Present your creative work in filterable galleries. Product Video Galleries: Showcase demos and product videos, including WooCommerce carousels (Pro). YouTube & Vimeo Collections: Curate channel content into organized albums. Training Libraries & Courses: Group lessons into albums, playlists, and curriculum accordions (Pro). Blog Video Galleries: Collect your embedded videos in one browsable place. 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 This plugin uses the following third-party libraries: plyr – MIT License (bundled at public/js/plyr.js, powers the video player UI). Isotope – GPL-3.0 License (bundled at public/js/isotope.pkgd.min.js, powers video filtering and grid layouts). 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 As the external service functionality is handled by bpl-tools as a third-party library, the following services are utilized: bPlugins API Service URL: https://api.bplugins.com Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details. Data Sent: Only the plugin slug is transmitted; no personal or site data is collected. Terms of Service: https://bplugins.com/terms-of-service/ Privacy Policy: https://bplugins.com/privacy-policy/ WordPress.org Plugins API Service URL: https://api.wordpress.org/plugins/info/1.2/ Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section). Data Sent: Plugin slugs and author name; no personal or site data is collected. Terms of Service: https://wordpress.org/about/tos/ Privacy Policy: https://wordpress.org/about/privacy/ Freemius API Service URL: https://api.freemius.com Purpose: Handles license activation, premium feature verification, update checks, and opt-in telemetry for both free and pro versions. Data Sent: Site URL, admin email, license keys, and version numbers. Terms of Service: https://freemius.com/terms/ Privacy Policy: https://freemius.com/privacy/ Build Process This plugin uses a build process to generate the production assets (JS/CSS) located in the build/ directory. The human-readable source code is available in the src/ directory. To build the plugin from source: 1. Clone the repository: https://github.com/bPlugins/video-gallery-block-free 2. Install dependencies: npm install 3. Run the build command: npm run build Build Tools Used: Webpack, Babel, PostCSS, Gulp.