Descripción
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.
Capturas
Video Player 
Settings 
Videojs Player 
Vidstack Player 
React Video Player
Bloques
Este plugin proporciona 1 bloque.
- Video Player A Simple, accessible, Easy to Use & fully Customizable video player.
Instalación
From Gutenberg Editor:
- Go to the WordPress Block/Gutenberg Editor
- Search For Video Player Block
- Click on the Video Player Block to add the block
Download & Upload:
- Download the Video Player Block plugin (.zip file)
- In your admin area, go to the Plugins menu and click on Add New
- Click on Upload Plugin and choose the
video-player-block.zipfile and click on Install Now - Activate the plugin and Enjoy!
Manually:
- Download and upload the Video Player plugin to the
/wp-content/plugins/directory - Activate the plugin through the Plugins menu in WordPress
Preguntas frecuentes
-
How do I install this plugin?
-
You can install as other regular WordPress plugins. No different way. Please see on installation tab.
-
What Video type can I play?
-
You can play MP4, OGG, YouTube, and Vimeo video files.
-
Does it support YouTube or Vimeo?
-
Yes, the Video Player Block fully supports YouTube and Vimeo. Simply paste the video URL, and the block will automatically handle the embedding using the integrated player engine for a consistent and professional experience.
-
How many players I can publish on my site?
-
You can publish unlimited videos, there are no limits.
-
Will this plugin work/compatible with the theme I use?
-
This plugin is compatible with most themes. But, unfortunately, we cannot check it with all third-party themes (especially paid ones) for compatibility, therefore there are cases when this plugin does not work with a third-party theme. We constantly check this plugin for compatibility with third-party themes. If we find that this plugin is incompatible with a third-party theme, and if we can fix it on our part, we release an update of our plugin to fix the problem.
If you find a conflict between our plugin and a third-party theme, please let us know and we will definitely release an update of our plugin to fix the problem.
-
Will this plugin work/compatible with other plugins that I use?
-
This plugin is compatible with most plugins. But, unfortunately, we cannot check it with all third-party plugins (especially paid ones) for compatibility, therefore there are cases when this plugin does not work with a third-party plugin. We constantly check this plugin for compatibility with third-party plugins. If we find that this plugin is incompatible with a third-party plugin, and if we can fix it on our part, we release an update of our plugin to fix the problem.
If you find a conflict between our plugin and a third-party plugin, please let us know and we will definitely release an update of our plugin to fix the problem.
-
Where can I get support?
-
You can post your questions on the support forum here
Reseñas
Colaboradores y desarrolladores
Este software es de código abierto. Las siguientes personas han contribuido a este plugin.
Colaboradores
Traduce “Video Player Block – Embed and Play Videos in Custom Player” a tu idioma.
¿Interesado en el desarrollo?
Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
1.0.6 – 20 Nov 24
- Fix multiple render issue
- Add 3 new advanced video player blocks (React, Video.js, Vidstack)
1.0.5 – 8 Jan 24
- Fix autoplay
1.0.4
- Not loading the assets where the block is not added
1.0.3
- Add translate feature
1.0.2
- Reduce PHP Code.
- Performance Improvement
1.0.1
- Reduce PHP Code.
1.0.0
- Initial Release.