Video Player Block – Embed and Play Videos in Custom Player
Video Player Block is a powerful and versatile WordPress plugin that lets you embed and play videos with style. Beyond the standard HTML5 player, it offers support for industry-leading engines like React Video Player, Video.js, and Vidstack, making it the ultimate tool for professional video sites.
Whether you are showcasing YouTube, Vimeo, self-hosted MP4s, HLS streams, or external media from services like Amazon S3 or BunnyCDN, this plugin provides a clean, responsive, and highly customizable video experience directly within the Gutenberg editor.
Key Features – Free Version
-
Default HTML5 Video Player: A clean, lightweight, and responsive player for standard MP4, WebM, OGG, YouTube, and Vimeo.
-
Native Gutenberg Block: Add videos directly from the WordPress editor with a dedicated, easy-to-use block.
-
Fully Responsive Design: Automatically adjusts the video player for seamless viewing on desktops, tablets, and mobile devices.
-
Customizable Player Controls: Easily show or hide basic player controls like play, volume, and fullscreen.
-
Autoplay & Mute Options: Control video behavior on page load with simple toggle settings.
-
Lightweight & Fast: Built for performance to ensure your pages stay fast and user-friendly.
-
Unlimited Video Players: Add multiple video players anywhere on your website without any 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.
What’s New in PRO?
-
3 Advanced Player Engines: Unlock the React Video Player, Video.js, and Vidstack engines for a superior viewing experience.
-
HLS (.m3u8) Streaming: Support for professional HLS streaming to deliver high-quality video efficiently.
-
External Video Sources: Support for Amazon S3, DigitalOcean Spaces, BunnyCDN, and other external hosting services.
-
Advanced Color & UI Styling: Change player colors, border radius, and typography to perfectly match your brand.
-
Multiple Subtitle Support: Add multilingual subtitle tracks (VTT) for global accessibility.
-
Playback Speed Control: Let users control video speed (0.5x to 2.0x) for better learning and viewing.
-
Advanced Playback Buttons: Add Restart, Rewind, and Fast-Forward controls for better navigation.
-
Custom Control Visibility: Granularly show or hide every individual button in the player interface.
-
Optimized Preloading: Advanced media loading strategies to improve site performance and Core Web Vitals.
-
Download Button Toggle: Easily enable or disable the video download option for your viewers.
-
Shortcode Generator: Generate and insert video players anywhere using shortcodes for maximum flexibility.
Try the Pro Version – Unlock the full potential of your video content today!
How to Use – Step-by-Step Setup
Getting started is easy!
- Install and activate the Video Player Block plugin.
- Open the Gutenberg editor.
- Search for “Video Player Block”.
- Add the block to your post or page.
- Upload or select a video.
- Customize the player settings from the right sidebar.
- Publish the page and enjoy your responsive video player.
For installation help click on Installation Tab
Perfect For
- Video tutorials
- Online courses
- Product demonstrations
- Marketing videos
- Educational websites
- Portfolio websites
- Media websites
- Podcast video episodes
- Membership platforms
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.
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.
Third-Party Libraries
This plugin uses the following 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
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/
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
2. Install dependencies: npm install
3. Run the build command: npm run build
Build Tools Used: Webpack, Babel, PostCSS.