Title: Video Player Block – Embed and Play Videos in Custom Player Author: bPlugins Published: 20 Janaayo, 2022 Last modified: 19 Maajo, 2026 --- Raadi kaabayaal ![](https://ps.w.org/video-player-block/assets/banner-772x250.png?rev=3401740) ![](https://ps.w.org/video-player-block/assets/icon-128x128.png?rev=2660579) # Video Player Block – Embed and Play Videos in Custom Player Qore [bPlugins](https://profiles.wordpress.org/bplugins/) [Soo Rog](https://downloads.wordpress.org/plugin/video-player-block.1.0.6.zip) * [Faahfaahin](https://so.wordpress.org/plugins/video-player-block/#description) * [Dibu-eegisyo](https://so.wordpress.org/plugins/video-player-block/#reviews) * [Rakibaad](https://so.wordpress.org/plugins/video-player-block/#installation) * [Horumarinta](https://so.wordpress.org/plugins/video-player-block/#developers) [Taageero](https://wordpress.org/support/plugin/video-player-block/) ## Sharraxaad 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. **[Video Player Block](https://bplugins.com/products/video-player-block/)** | ** [Demos](https://bblockswp.com/demo/video-player-block-all-demos/)** ### 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. * **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:** Easily 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 and display 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 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? * **React Video Player Engine:** Access a cutting-edge player with complete customization based on React and Media Chrome. * **Video.js Player Support:** Deliver industry-standard, high-compatibility media player layouts for professional websites. * **Vidstack Player Engine:** Experience a premium, state-of-the-art player layout optimized for high performance. * **HLS (.m3u8) Streaming:** Support for professional HLS streaming to deliver high-quality video efficiently. * **DASH (.mpd) Streaming:** Support for professional MPEG-DASH streaming to deliver modern adaptive video. * **Mux Video Integration:** Custom integration with Mux video servers for high- performance direct playback. * **External Video Sources:** Support for Amazon S3, DigitalOcean Spaces, BunnyCDN, and other external hosting services. * **Custom Aspect Ratios:** Change player layouts dynamically between 16:9, 4:3, 21:9, and custom dimensions. * **Glassmorphism UI Controls:** Apply stunning blur and glassmorphic styling effects to player control backdrops. * **Advanced Shadow & Borders:** Configure 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:** Custom granular playback speed options (0.5x to 2.0x) for professional viewers. * **Lazy Loading & Preloading:** Defer video loading until visible in viewport to maximize Core Web Vitals. * **Google Cast & Chromecast:** Wirelessly stream video content from the browser player to any Chromecast-enabled TV. Try the Pro Version – Unlock the full potential of your video content today! ### How to Use – Step-by-Step Setup Getting started is easy! 1. Install and activate the Video Player Block plugin. 2. Open the Gutenberg editor. 3. Search for “Video Player Block”. 4. Add the block to your post or page. 5. Upload or select a video. 6. Customize the player settings from the right sidebar. 7. Publish the page and enjoy your responsive video player. For installation help click on Installation Tab [Live Demo](https://bblockswp.com/demo/video-player-block-all-demos/) | [Upgrade to Pro](https://bplugins.com/products/video-player-block/pricing/) ### 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](https://so.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. ### Third-Party Libraries This plugin uses the following third-party libraries: * [Plyr](https://plyr.io/) – MIT License * [Isotope](https://isotope.metafizzy.co/) – GNU GPL license v3 #### 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/) ### 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. ## Sawir-shaashado * [[ * Video Player * [[ * Settings * [[ * Videojs Player * [[ * Vidstack Player * [[ * React Video Player ## Xayndaabyo Kaabahani wuxuu bixinaya 1 xayndaab. * Video Player A Simple, accessible, Easy to Use & fully Customizable video player. ## Rakibaad #### From Gutenberg Editor: 1. Go to the WordPress Block/Gutenberg Editor 2. Search For **Video Player Block** 3. Click on the **Video Player Block** to add the block #### Download & Upload: 1. Download the **Video Player Block** plugin (_.zip file_) 2. In your admin area, go to the Plugins menu and click on **Add New** 3. Click on **Upload Plugin** and choose the **`video-player-block.zip`** file and click on **Install Now** 4. Activate the plugin and Enjoy! #### Manually: 1. Download and upload the **Video Player** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress ## SBI ### 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](https://wordpress.org/support/plugin/video-player-block/) ## Dibu-eegisyo ![](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 Abriil, 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 Diseembar, 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 Sebteembar, 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 Agoosto, 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 Luulyo, 2022 1 reply 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 Luulyo, 2022 I like this plugin very easy to use [ Akhri dhammaan 8 dibu-eegis ](https://wordpress.org/support/plugin/video-player-block/reviews/) ## Ka-qaybgalayaasha & Horumariyayaasha “Video Player Block – Embed and Play Videos in Custom Player” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan. Ka-qaybgalayaasha * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Himangsu Roy ](https://profiles.wordpress.org/himur98/) [Ku tarjun “Video Player Block – Embed and Play Videos in Custom Player” luqaddaada.](https://translate.wordpress.org/projects/wp-plugins/video-player-block) ### Ma xiisaynaysaa horumarinta? [Baadh koodka](https://plugins.trac.wordpress.org/browser/video-player-block/), fiiri [bakhaarka SVN](https://plugins.svn.wordpress.org/video-player-block/), ama iska qor [diiwaanka horumarinta](https://plugins.trac.wordpress.org/log/video-player-block/) adigoo adeegsanaya [RSS](https://plugins.trac.wordpress.org/log/video-player-block/?limit=100&mode=stop_on_copy&format=rss). ## Isbeddellada #### 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. ## Meta * Version **1.0.6** * Last updated **2 todobaad kahor** * Active installations **2,000+** * WordPress version ** 6.5 ama ka sareeya ** * Tested up to **6.9.4** * PHP version ** 7.1 ama ka sareeya ** * Language * [English (US)](https://wordpress.org/plugins/video-player-block/) * Tags * [block](https://so.wordpress.org/plugins/tags/block/)[Gutenberg block](https://so.wordpress.org/plugins/tags/gutenberg-block/) [video embed](https://so.wordpress.org/plugins/tags/video-embed/) * [Aragti Sare](https://so.wordpress.org/plugins/video-player-block/advanced/) ## Qiimeynta 5 out of 5 stars. * [ 8 5-star reviews ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/video-player-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/video-player-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/video-player-block/reviews/) ## Ka-qaybgalayaasha * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Himangsu Roy ](https://profiles.wordpress.org/himur98/) ## Taageero Ma heysaa waxaad dhahdo? Caawimaad ma u baahan tahay? [Eeg madasha taageerada](https://wordpress.org/support/plugin/video-player-block/) ## Ku deeq Ma jeclaan lahayd inaad taageerto horumarinta kaabahan? [ Ugu deeq kaabahan ](https://www.buymeacoffee.com/abuhayat)