Syntax-highlighting Code Block (with Server-side Rendering) vs Video Gallery Block – showcase your videos in a filterable gallery

This plugin extends the Code block in WordPress core to add syntax highlighting which is rendered on the server. Pre-existing Code blocks on a site are automatically extended to include syntax highlighting. Doing server-side syntax highlighting eliminates the need to enqueue any JavaScript on the frontend (e.g. Highlight.js or Prism.js) and this ensures there is no flash of unhighlighted code (FOUC?). Reducing script on the frontend improves frontend performance, and it also allows for the syntax highlighted code to appear properly in AMP pages as rendered by the official AMP plugin (see also ampproject/amp-wp#972) or when JavaScript is turned off in the browser. This extended Code block uses language auto-detection to add syntax highlighting, but you can override the language in the block’s settings sidebar. (There is currently no syntax highlighting of the Code block in the editor, but see #8.) The plugin supports all programming languages that highlight.php supports (being a port of highlight.js). The Code block also is extended to support specifying lines to highlight which get marked up with mark elements (including in RSS feeds). There is also a checkbox for whether to show line numbers on the frontend (with the numbers being non-selectable). Lastly, given inconsistencies across themes regarding whether lines in a Code block should be wrapped, this plugin adds styling to force them to no-wrap by default, with a checkbox to opt in to wrapping when desired. For advanced usage, please see the plugin wiki. This plugin is developed on GitHub. See list of current issues with the plugin. Please feel free to file any additional issues or requests that you may come across. Pull requests are welcome. See contributing information. Credits This is a fork of Code Syntax Block by Marcus Kazmierczak (mkaz), which is also available on WordPress.org. Copyright (c) 2018 Marcus Kazmierczak. Licensed under GPL 2.0 or later. highlight.php is released under the BSD 3-Clause License. Copyright © 2006-2013, Ivan Sagalaev ([email protected]), highlight.js (original author). Copyright © 2013, Geert Bergman ([email protected]), highlight.php

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.