Title: Video Player Block – play videos beautifully on any device Author: bPlugins Published: 20 de Xaneiro, 2022 Last modified: 30 de Agosto, 2026 --- Buscar plugins ![](https://ps.w.org/video-player-block/assets/banner-772x250.png?rev=3623389) ![](https://ps.w.org/video-player-block/assets/icon.svg?rev=3623389) # Video Player Block – play videos beautifully on any device Por [bPlugins](https://profiles.wordpress.org/bplugins/) [Descargar](https://downloads.wordpress.org/plugin/video-player-block.2.1.1.zip) * [Detalles](https://gl.wordpress.org/plugins/video-player-block/#description) * [Valoracións](https://gl.wordpress.org/plugins/video-player-block/#reviews) * [Instalación](https://gl.wordpress.org/plugins/video-player-block/#installation) * [Desenvolvemento](https://gl.wordpress.org/plugins/video-player-block/#developers) [Soporte](https://wordpress.org/support/plugin/video-player-block/) ## Descrición **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**](https://bplugins.com/products/video-player-block/) | [**Pricing**](https://bplugins.com/products/video-player-block/pricing/) | [**Support**](https://bplugins.com/support/) | [**Documentation**](https://bplugins.com/docs/video-player-block/) | [**Demo**](https://bblockswp.com/demo/video-player-block-all-demos/) ### 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**](https://bplugins.com/products/video-player-block/) 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 1. Install and activate the **Video Player Block** plugin. 2. Open the Gutenberg editor and search for **“Video Player Block”**. 3. Add the block to your post or page. 4. Upload a video or paste a YouTube/Vimeo URL. 5. Customize the player settings from the right sidebar. 6. Publish the page and enjoy your responsive video player. For installation help, see the Installation tab. [**Live Demo**](https://bblockswp.com/demo/video-player-block-all-demos/) | [**Upgrade to Pro**](https://bplugins.com/products/video-player-block/pricing/) ### 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](https://gl.wordpress.org/plugins/video-player-block/support@bplugins.com?output_format=md). ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/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](https://github.com/bPlugins/video-player-block-free) ### 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](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/](https://bplugins.com/terms-of-service/) * **Privacy Policy:** [https://bplugins.com/privacy-policy/](https://bplugins.com/privacy-policy/) #### WordPress.org Plugins API * **Service URL:** [https://api.wordpress.org/plugins/info/1.2/](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/](https://wordpress.org/about/tos/) * **Privacy Policy:** [https://wordpress.org/about/privacy/](https://wordpress.org/about/privacy/) #### Freemius Lite SDK * **Source:** [https://bplugins.com/](https://bplugins.com/) * **GitHub:** [https://github.com/bPlugins/freemius-lite-sdk](https://github.com/bPlugins/freemius-lite-sdk) * **License:** GPL-2.0-or-later – [https://www.gnu.org/licenses/gpl-2.0.html](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](https://bplugins.com/privacy-policy) and [Freemius Privacy Policy](https://freemius.com/privacy/). #### Video Player Block by B Plugins * **Source:** [https://github.com/bPlugins/video-player-block-free](https://github.com/bPlugins/video-player-block-free) * **License:** GPL-2.0-or-later – [https://www.gnu.org/licenses/gpl-2.0.html](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. ## Capturas [⌊Video Player⌉⌊Video Player⌉[ Video Player [⌊Settings⌉⌊Settings⌉[ Settings [⌊Videojs Player⌉⌊Videojs Player⌉[ Videojs Player [⌊Vidstack Player⌉⌊Vidstack Player⌉[ Vidstack Player [⌊React Video Player⌉⌊React Video Player⌉[ React Video Player [⌊Video Gallery⌉⌊Video Gallery⌉[ Video Gallery [⌊Video Playlist⌉⌊Video Playlist⌉[ Video Playlist [⌊Video Lightbox⌉⌊Video Lightbox⌉[ Video Lightbox [⌊Video Reels⌉⌊Video Reels⌉[ Video Reels [⌊Video Comparison⌉⌊Video Comparison⌉[ Video Comparison [⌊Video Testimonial Card⌉⌊Video Testimonial Card⌉[ Video Testimonial Card [⌊Video Transcript⌉⌊Video Transcript⌉[ Video Transcript ## Blocks Este plugin proporciona 1 bloque. * Video Player A Simple, accessible, Easy to Use & fully Customizable video player. ## Instalación **From your WordPress dashboard (recommended):** 1. Go to **Plugins Add New**. 2. Search for **“Video Player Block”**. 3. Click **Install Now**, then **Activate**. 4. Add the **Video Player Block** to any post or page from the Gutenberg editor. **Manual installation:** 1. Download the plugin ZIP file and upload the folder to the `/wp-content/plugins/` directory (or upload the ZIP via **Plugins Add New Upload Plugin**). 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Add the block from the Gutenberg editor, or use the shortcode anywhere on your site. ## Preguntas frecuentes ### Is Video Player Block free? Yes. The free version includes a responsive HTML5 video player with YouTube and Vimeo support, customizable controls, poster images, autoplay, a shortcode generator, and unlimited players. A Pro version adds advanced player engines, streaming, and additional video blocks. ### How do I add a video player in WordPress with Gutenberg? Open any post or page in the Gutenberg block editor, click the + (Add Block) button, search for “Video Player Block”, insert it, then upload or paste your video URL. No coding or page builder is required. ### What video types can I play? You can play self-hosted MP4, WebM, and OGG files, plus YouTube and Vimeo videos. The Pro version adds HLS (.m3u8) and DASH (.mpd) streaming and external sources like Amazon S3, DigitalOcean Spaces, and BunnyCDN. ### Does it support YouTube or Vimeo? Yes, 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. ### Is the video player responsive and mobile-friendly? Yes. The player is fully responsive and works across Chrome, Firefox, Safari, and Edge, as well as iPhone and Android devices. ### Can I use the player outside the Gutenberg editor? Yes. Use the shortcode `[video_player id="123"]` in classic content, widgets, or page builders that do not support Gutenberg blocks. Replace `123` with the ID of the Video Player post you created via the **Video Player** custom post type menu. ### Can viewers download my videos? That is up to you – the free version includes a download button toggle so you can enable or disable the download option for viewers. ### How many players can I publish on my site? You can publish unlimited videos – there are no limits. ### How do I install this plugin? You can install it like any other WordPress plugin. Please see the Installation tab for details. ### Will this plugin work with the theme I use? This plugin is compatible with most themes. 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, and if we find an incompatibility we can fix on our part, we release an update. If you find a conflict between our plugin and a third-party theme, please let us know and we will definitely release an update to fix the problem. ### Will this plugin work with other plugins that I use? This plugin is compatible with most plugins. 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 for compatibility, and if we find an incompatibility we can fix on our part, we release an update. If you find a conflict between our plugin and a third-party plugin, please let us know and we will definitely release an update to fix the problem. ### Where can I get support? You can post your questions on the [support forum here](https://wordpress.org/support/plugin/video-player-block/). ## Comentarios ![](https://secure.gravatar.com/avatar/82c35afc6f34eb31df1a74cad33c74465abd2fc9fdf244fd2b86c5de3e7b1ddb? s=60&d=retro&r=g) ### 󠀁[Best video player… period!](https://wordpress.org/support/topic/best-video-player-period/)󠁿 [carlosvai](https://profiles.wordpress.org/carlosvai/) 7 de Abril, 2023 I’ve tested absolutely every player out there. Some require you to add the video outside the post, others won’t accept posters, some look awful and many simply don’t work. I don’t understand why this plugin has so few installations and reviews. This is BY FAR the best video player I tested. Hopefully will get the love it deserves in the near future. Thanks a lot to the devs, excellent job! ![](https://secure.gravatar.com/avatar/d96fb6571943e81f8c98a04e92e7e9a2ff2c2fe6b2383a2e0fbee77a45d34f66? s=60&d=retro&r=g) ### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-8300/)󠁿 [bkudrle](https://profiles.wordpress.org/bkudrle/) 9 de Decembro, 2022 Works well with .webm files, which is not the case with some other video plugins that I use. Also, the variable speed control works well for the public view of the video. So far, this looks like my go-to video plugin for WordPress. ![](https://secure.gravatar.com/avatar/84ed2396ddba8434c37bd285a4253f8566201473b70af7092edb78648969c6af? s=60&d=retro&r=g) ### 󠀁[This plugin fixed my issue right away](https://wordpress.org/support/topic/this-plugin-fixed-my-issue-right-away/)󠁿 [alafair505](https://profiles.wordpress.org/alafair505/) 1 de Setembro, 2022 I was going on my 2nd hour of trying to figure out how to get an embedded video smaller instead of taking up the whole page; within 5 min of installing Video Player Block – Ultimate Video Player For WordPress I typed 2 numbers and it was fixed. Yeah! very happy ![](https://secure.gravatar.com/avatar/69f84cdb1d19eb1222a21dd93314e843f2b00080cc9e893a21e4e79b7e75a1e3? s=60&d=retro&r=g) ### 󠀁[Works great with private uploads on S3](https://wordpress.org/support/topic/works-great-with-private-uploads-on-s3-2/)󠁿 [unreal1wp](https://profiles.wordpress.org/unreal1wp/) 26 de Agosto, 2022 No issues using signed S3 urls ![](https://secure.gravatar.com/avatar/eed18c34b94bd36955c7292c66d65c6744add11b2cdafa0227acd702894290a3? s=60&d=retro&r=g) ### 󠀁[Video not playing](https://wordpress.org/support/topic/video-not-playing-16/)󠁿 [garyjones10](https://profiles.wordpress.org/garyjones10/) 18 de Xullo, 2022 1 resposta Hi I have installed the plugin and inserted a Youtube url but the video doesn’t play. I have tried various urls and various browsers. But when I click the PLAY button I just get a rolling effect on the progress bar. No video plays. ![](https://secure.gravatar.com/avatar/a137f39cf9ebfd829410382d371b3f4b165104232d67d58217a53ed4e83ffff0? s=60&d=retro&r=g) ### 󠀁[Great Player Plugin](https://wordpress.org/support/topic/great-player-plugin/)󠁿 [tan786](https://profiles.wordpress.org/tan786/) 7 de Xullo, 2022 I like this plugin very easy to use [ Ler todas as 8 opinións ](https://wordpress.org/support/plugin/video-player-block/reviews/) ## Colaboradores e desenvolvedores “Video Player Block – play videos beautifully on any device” é un software de código aberto. As seguintes persoas colaboraron con este plugin. Colaboradores * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Himangsu Roy ](https://profiles.wordpress.org/himur98/) * [ Freemius ](https://profiles.wordpress.org/freemius/) [Traduce “Video Player Block – play videos beautifully on any device” ao teu idioma.](https://translate.wordpress.org/projects/wp-plugins/video-player-block) ### Interesado no desenvolvemento? [Revisa o código](https://plugins.trac.wordpress.org/browser/video-player-block/), bota unha ollada ao[repositorio SVN](https://plugins.svn.wordpress.org/video-player-block/), ou subscríbete ao [log de desenvolvemento](https://plugins.trac.wordpress.org/log/video-player-block/) por [RSS](https://plugins.trac.wordpress.org/log/video-player-block/?limit=100&mode=stop_on_copy&format=rss). ## Rexistro de cambios #### 2.1.1 – 08 Jul 2026 * Add custom aspect ratios. * UX Improved. * Caption Support. * Lazy load controls. * Responsive design. * Fix some bugs. #### 2.0.0 – 10 Jun 2026 * Add 7 new Pro video blocks: Video Gallery, Video Playlist, Video Lightbox, Video Reels, Video Comparison, Video Testimonial Card, and Video Transcript. * Add HLS (.m3u8) and DASH (.mpd) streaming support. * Add Mux video integration and external source support (Amazon S3, DigitalOcean Spaces, BunnyCDN). * Add lazy loading, preloading, and Google Cast / Chromecast support. * Improve player styling: custom aspect ratios, glassmorphism controls, advanced shadow and border options. * General performance improvements and bug fixes. #### 1.0.6 – 20 Nov 2024 * Fix multiple render issue * Add 3 new advanced video player blocks (React, Video.js, Vidstack) * Fix build error #### 1.0.5 – 8 Jan 2024 * Fix autoplay #### 1.0.4 – 1 Oct 2023 * Not loading the assets where the block is not added #### 1.0.3 – 1 Aug 2023 * Add translate feature #### 1.0.2 – 1 Jun 2023 * Reduce PHP Code * Performance Improvement #### 1.0.1 – 1 Apr 2023 * Reduce PHP Code #### 1.0.0 – 1 Feb 2023 * Initial Release ## Meta * Versión **2.1.1** * Última actualización **Fai 3 días** * Instalacións activas **2.000+** * Versión de WordPress ** 6.5 ou superior ** * Probado ata **7.0.4** * Versión de PHP ** 7.4 ou superior ** * Idioma * [English (US)](https://wordpress.org/plugins/video-player-block/) * Etiquetas * [HTML5 video](https://gl.wordpress.org/plugins/tags/html5-video/)[video block](https://gl.wordpress.org/plugins/tags/video-block/) [video embed](https://gl.wordpress.org/plugins/tags/video-embed/)[video player](https://gl.wordpress.org/plugins/tags/video-player/) [youtube video](https://gl.wordpress.org/plugins/tags/youtube-video/) * [Vista avanzada](https://gl.wordpress.org/plugins/video-player-block/advanced/) ## Valoracións 5 de 5 estrelas * [ 8 valoracións de 5 estrelas ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=5) * [ 0 valoracións de 4 estrelas ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=4) * [ 0 valoracións de 3 estrelas ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=3) * [ 0 valoracións de 2 estrelas ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=2) * [ 0 valoracións de 1 estrelas ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=1) [A túa valoración](https://wordpress.org/support/plugin/video-player-block/reviews/#new-post) [Ver todas as valoracións](https://wordpress.org/support/plugin/video-player-block/reviews/) ## Colaboradores * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Himangsu Roy ](https://profiles.wordpress.org/himur98/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## Soporte Problemas resoltos nos últimos dous meses: 1 de 1 [Ver o foro de soporte](https://wordpress.org/support/plugin/video-player-block/) ## Doar Queres apoiar o progreso deste plugin? [ Dona a este plugin ](https://www.buymeacoffee.com/abuhayat)