Video Player Block – play videos beautifully on any device for WordPress Plugin Directory

Give every video on your site a clean, responsive, fully customizable player – YouTube, Vimeo, or self-hosted MP4 – right inside the Gutenberg editor, no code required.

Video Player Block | Pricing | Support | Documentation | Demo

Why Video Player Block? Video Player Block is a lightweight WordPress video player plugin that lets you embed and play videos – YouTube, Vimeo, and self-hosted HTML5 (MP4, WebM, OGG) – in a clean, responsive, and customizable player directly inside the Gutenberg block editor.

Whether you are showcasing self-hosted MP4s or embedding YouTube and Vimeo videos, this Gutenberg video player block delivers a highly customizable video experience without writing any code – perfect for video tutorials, online courses, product demos, marketing videos, and podcast video episodes.

Beyond the standard HTML5 player, the Pro version unlocks industry-leading engines like React Video Player, Video.js, and Vidstack, plus a full suite of Pro blocks – Video Gallery, Playlist, Lightbox, Reels, Comparison, Testimonial Card, and Transcript – along with HLS & DASH streaming and external sources like Amazon S3, DigitalOcean Spaces, and BunnyCDN.

Free Features

Default HTML5 Video Player: A clean, lightweight, and responsive player for standard self-hosted MP4, WebM, and OGG formats.

YouTube & Vimeo Native Support: Easily embed and play YouTube and Vimeo videos within the customizable player skin.

Native Gutenberg Block: Add videos directly from the WordPress editor with a dedicated, easy-to-use block.

Fully Responsive Design: Automatically adjusts the player for seamless viewing on desktops, tablets, and mobile devices.

Customizable Player Controls: Show or hide basic controls like play, volume, and fullscreen.

Rewind & Fast-Forward Buttons: Toggle dedicated seek backward and seek forward buttons on the player.

Player Restart Button: Add a dedicated button to easily restart the video from the beginning.

Download Button Toggle: Enable or disable the video download option for your viewers.

Picture-in-Picture & AirPlay: Toggle PiP and AirPlay options directly from the settings panel.

Shortcode Generator: Generate and insert video players anywhere using shortcodes for maximum flexibility.

Poster Image Selection: Choose custom video poster images directly from the WordPress media library.

Autoplay & Mute Options: Control video behavior on page load with simple toggle settings.

Lightweight & Fast: Built for performance so your pages stay fast and user-friendly.

Unlimited Video Players: Add multiple players anywhere on your website without restrictions.

Cross-Browser & iOS Friendly: Fully compatible with Chrome, Firefox, Safari, Edge, and mobile devices (iPhone/Android).

Pro Version – Unlock Professional Video Power The Pro version adds advanced player engines, streaming support, and deep customization for professional video websites.

Advanced player engines:

React Video Player Engine: A cutting-edge player with complete customization based on React and Media Chrome.

Video.js Player Support: Industry-standard, high-compatibility media player layouts for professional websites.

Vidstack Player Engine: A premium, state-of-the-art player layout optimized for high performance.

Pro video blocks:

Video Gallery: Showcase multiple videos in grid, masonry, carousel, and bento layouts with category filters and an integrated lightbox player.

Video Playlist: Pair a video player with a clickable episode queue featuring chapters, auto-advance, watched-state persistence, and Netflix/YouTube-style sequential viewing.

Video Lightbox: Add a click-to-play trigger (thumbnail, button, or play-icon overlay) that opens any supported video in a responsive modal, deferring heavy player assets until the visitor opts in.

Video Reels: Build a vertical, swipe-driven short-form video feed (TikTok / Instagram Reels / YouTube Shorts style) for any post, page, or template.

Video Comparison: Reveal a draggable before/after slider that synchronously plays two videos side-by-side in real time.

Video Testimonial Card: Create conversion-focused social-proof cards pairing a customer photo, attributed quote, star rating, and an inline-playable video clip.

Video Transcript: Display a synchronized, clickable transcript alongside any video so viewers can jump to any moment and search engines can index the spoken content.

Streaming, sources & styling:

HLS (.m3u8) & DASH (.mpd) Streaming: Deliver high-quality, modern adaptive video efficiently.

Mux Video Integration: Custom integration with Mux video servers for high-performance direct playback.

External Video Sources: Amazon S3, DigitalOcean Spaces, BunnyCDN, and other external hosting services.

Custom Aspect Ratios: Switch between 16:9, 4:3, 21:9, and custom dimensions.

Glassmorphism UI Controls: Apply blur and glassmorphic styling effects to player control backdrops.

Advanced Shadow & Borders: Custom player box shadows, border styles, and inner/outer border radius.

Multiple Subtitle Support: Add multilingual subtitle tracks (VTT) for global accessibility.

Playback Speed Control: Granular playback speed options (0.5x to 2.0x).

Lazy Loading & Preloading: Defer video loading until visible in viewport to maximize Core Web Vitals.

Google Cast & Chromecast: Wirelessly stream video from the browser player to any Chromecast-enabled TV.

How to Use – Quick Start

Install and activate the Video Player Block plugin.

Open the Gutenberg editor and search for “Video Player Block”.

Add the block to your post or page.

Upload a video or paste a YouTube/Vimeo URL.

Customize the player settings from the right sidebar.

Publish the page and enjoy your responsive video player.

For installation help, see the Installation tab.

Live Demo | Upgrade to Pro

Use Cases

Video Tutorials & Online Courses: Deliver lessons in a clean, distraction-free player.

Product Demos & Marketing Videos: Showcase products with poster images and custom controls.

Educational & Membership Sites: Publish unlimited videos across your content.

Portfolio & Media Websites: Present video work in a consistent, professional player.

Podcast Video Episodes: Embed episode videos alongside your show notes.

Did you like this plugin? 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.

Check out our other WordPress Plugins- 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.

Shortcodes This plugin provides a shortcode to embed a saved Video Player anywhere in classic content, widgets, or page builders that do not support Gutenberg blocks.

[video_player id="123"]

Replace 123 with the ID of the Video Player post you have created via the Video Player custom post type menu.

Source Code The non-minified source code for this plugin is available on our public repository:

GitHub Repository

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-player-block-free

2. Install dependencies: npm install

3. Run the build command: npm run build

Build Tools Used: Webpack, Babel, PostCSS.

Third-Party Libraries This plugin uses the following third-party libraries:

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.

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 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) and wp.freemius.com (opt-in processing) only after user opt-in. See bPlugins Privacy Policy and Freemius Privacy Policy.

Video Player Block by B Plugins

Source: https://github.com/bPlugins/video-player-block-free

License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html

Purpose: A Gutenberg block for embedding and playing videos with support for YouTube, Vimeo, and self-hosted HTML5 video files. Includes customizable controls, responsiveness, and various playback options.