Introducing Video Player Block: A Modern Gutenberg Video Player Plugin for WordPress

Introducing Video Player Block

Video has become a core part of almost every website. Whether you run an online course, a product demo page, a portfolio, or a media site, visitors expect video to just work. It should load fast, look good, and give them controls that make sense.

The default WordPress video block works fine for basic needs. Drop in an MP4, hit publish, done. But once your needs grow, it falls short pretty quickly. There’s no streaming support, limited player customization, and no clean way to connect to external video hosts.

That’s exactly why we built Video Player Block.

It’s a native Gutenberg video player plugin that gives you the flexibility to embed and play almost any type of video, with a player that actually looks and performs the way you want.

Why the Default WordPress Video Block Is Not Enough

Most WordPress users hit the same wall when they try to do anything beyond a basic embed.

Here’s what that looks like in practice:

  • No control over the player’s visual design or branding
  • No HLS streaming or adaptive bitrate delivery
  • No way to connect external hosting services like Amazon S3 or BunnyCDN
  • No advanced playback options like speed control or subtitle tracks
  • Inconsistent experience across devices and browsers

If you’ve tried to work around these gaps with shortcodes or third-party embeds, you know how messy that gets. And none of it feels at home in the Gutenberg editor.

Most other WordPress video plugins focus on one thing: YouTube embeds or basic HTML5 playback. Very few cover modern player engines, streaming support, or CDN-based video delivery. That gap is exactly what Video Player Block fills.

What Is Video Player Block?

Video Player Block Overview

Video Player Block is a WordPress plugin built specifically for the Gutenberg block editor. It lets you embed and play videos directly inside any post or page without touching a single shortcode.

It supports a wide range of video formats and sources:

  • MP4, WebM, OGG (self-hosted)
  • YouTube and Vimeo
  • HLS streams (.m3u8)
  • External hosts like Amazon S3, BunnyCDN, and DigitalOcean Spaces

What makes it stand out is the choice of player engines. You’re not locked into one. Depending on your needs, you can pick from HTML5, React Video Player, Video.js, or Vidstack.

Key Features of Video Player Block

1. A True Native Gutenberg Video Block

Video Player Block works entirely inside the block editor. You add the block, configure your settings from the sidebar, and publish. No shortcodes. No page builder workarounds.

Everything stays inside the Gutenberg workflow. No jumping between the editor and a separate plugin settings page. That makes it beginner-friendly while still giving advanced users plenty of depth.

2. Support for Multiple Video Sources

With the free version, you can embed YouTube, Vimeo, and self-hosted videos in MP4, WebM, and OGG formats.

The pro version unlocks:

  • Amazon S3 signed URLs
  • BunnyCDN and DigitalOcean Spaces
  • HLS (.m3u8) and DASH (.mpd) streaming
  • Mux Video direct playback

Why does external hosting matter? When you host video on your own server, every play request hits that server directly. Move to a CDN or external host, and your server stays light while the video reaches viewers faster. This is especially important for membership sites, online courses, and media-heavy platforms where video is the main product.

3. Multiple Player Engines in One Plugin

Most WordPress video plugins give you one player. Video Player Block gives you four:

Player EngineBest For
HTML5 PlayerLightweight, standard playback
React Video PlayerModern UI with full flexibility
Video.jsAdvanced customization and compatibility
VidstackProfessional streaming experience

The HTML5 player is available in the free version. React Video Player, Video.js, and Vidstack come with the pro version. Each engine is built for a different use case, so you can match the player to what your site actually needs.

4. Fully Responsive Design

Video Player Block automatically adjusts for any screen size. Whether your visitors are on a desktop, tablet, or phone, the player scales correctly. It works across Chrome, Firefox, Safari, and Edge, including iPhone and Android devices.

Responsive video is not optional anymore. With more than half of global web traffic coming from mobile, a player that breaks on phones is one your visitors will leave behind.

5. Advanced Playback Controls

Beyond play and pause, Video Player Block gives you real control over the viewing experience:

  • Playback speed (0.5x to 2.0x) so learners can slow down or speed through content
  • Fast-forward and rewind buttons for easy seeking
  • Restart button jumps back to the beginning
  • Download button toggle to allow or block video downloads
  • Subtitle support with multiple VTT tracks for multilingual audiences
  • Picture-in-Picture and AirPlay toggles

Most competing plugins stop at play, pause, and volume. The controls in Video Player Block are much closer to what you’d expect from a dedicated video platform.

6. Performance and Page Speed

Plugin assets only load on pages where the block is used. Pages without video are not affected at all. The pro version adds lazy loading so the video only initializes when it enters the viewport.

This directly affects Core Web Vitals. A video that loads too early can push up your LCP score and slow down the rest of the page. With lazy loading on, the video sits quietly until the visitor scrolls to it.

For course websites, media sites, and pages with multiple video embeds, that optimization adds up quickly.

7. Advanced Styling and Custom UI

The pro version gives you fine-grained control over how the player looks. You can apply glassmorphism effects to the player controls, configure custom box shadows, adjust border radius and border styles, and set custom aspect ratios like 16:9, 4:3, 21:9, or a fully custom size.

Most video plugins hand you a fixed player skin and call it done. Video Player Block lets you treat the player as a proper design element. That matters a lot for agencies and developers building sites where the player needs to match a brand identity.

8. Subtitle and Accessibility Support

Subtitles make your content accessible to viewers who are deaf or hard of hearing, help non-native speakers follow along, and let people watch without audio in public spaces.

The pro version supports multiple VTT subtitle tracks. You can upload caption files in different languages and let viewers pick the track they need. For anyone building an international audience or working in industries with accessibility requirements, this feature is worth the upgrade on its own.

9. Poster Images and Autoplay Control

Video Player Block lets you set a custom poster image that displays before the video starts. That’s what your visitors see when they land on the page, so it should be intentional and on-brand rather than a random freeze frame.

You also get full control over autoplay and mute behavior. Set videos to autoplay muted on load, which works within browser autoplay policies, or keep them paused until the viewer hits play. Small settings, but they add up to a noticeably better experience.

Check also WordPress Video Player Plugin vs YouTube: Why Self-Hosted Video Wins for Serious Creators.

Who Should Use Video Player Block?

Who Should Use Video Player Block?

Online Courses and eLearning Sites

Learners want control over how they watch. Playback speed, subtitles, and the ability to rewind a confusing section are standard expectations for a course video. Video Player Block covers all of them. HLS streaming also means you can deliver high-quality video to students on slower connections without buffering issues.

Product Demo Videos

A product demo needs to look professional. A clean, responsive player with customizable controls keeps the viewer’s focus on the product, not a clunky default UI.

Membership and Premium Content Sites

If you gate content, you also want control over how it’s delivered. External hosting support keeps your video off your main server, and the playback controls let you manage the viewing experience on your terms.

Media and News Websites

Sites with multiple video embeds per page need a player that loads efficiently without dragging down the rest of the content. Video Player Block handles multiple instances on the same page without stacking unnecessary scripts.

Portfolio Websites

Showcase reels and creative video presentations deserve a player that matches the quality of your work. With Vidstack or React Video Player, you get a clean, modern UI that stays out of the way of your content.

Also read Best Practices for Responsive Video Embeds in WordPress (Performance, Accessibility & SEO).

A Closer Look at HLS Streaming Support

HLS, or HTTP Live Streaming, is the protocol behind most professional video platforms. YouTube, Netflix, and Twitch all use it. Instead of serving one large video file, HLS breaks the video into small chunks and adjusts quality in real time based on the viewer’s connection speed.

For WordPress sites, this matters a lot. Without HLS support, you serve a single MP4 file to every viewer regardless of their internet speed. Slow connection results in a choppy experience. A fast connection might get a file too compressed to look sharp.

Video Player Block Pro supports both HLS (.m3u8) and DASH (.mpd) streaming. You host your video on a streaming-ready CDN like BunnyCDN, upload the processed streams, and the Video Player Block handles adaptive playback automatically. Viewers get the best quality their connection allows, and your server stays completely out of the picture.

This kind of setup used to require a dedicated video platform. Video Player Block brings it into a standard WordPress workflow.

Learn Video Player Performance Optimization: Speed Up Your WordPress Site.

How Video Player Block Compares to Other Solutions

Most WordPress site owners trying to improve their video experience end up weighing a few options:

The default WordPress video block is built in and free, but it offers almost no customization and zero streaming support.

YouTube or Vimeo embeds are easy but put you on someone else’s platform. Your videos come with their branding, their recommendations, and their algorithm deciding what plays next.

Shortcode-based video plugins were built for the classic editor and feel out of place in Gutenberg. They often load scripts globally across your entire site, even on pages with no video.

Dedicated video hosting platforms like Wistia or Vimeo Pro give you great players but cost a recurring monthly fee and pull your content off your own platform.

Video Player Block sits in a different spot. It works natively in Gutenberg, supports your own external hosting setup, gives you multiple player engines to pick from, and keeps your content on your platform. You stay in control, and your viewers get a professional experience.

Read also Video Player Security in WordPress: Protecting Your Content from Theft.

Free vs Pro: What You Get

FeatureFreePro
Gutenberg Video BlockYesYes
YouTube and Vimeo SupportYesYes
Responsive DesignYesYes
HTML5 PlayerYesYes
Multiple Player EnginesNoYes
HLS and DASH StreamingNoYes
External Video Sources (S3, BunnyCDN)NoYes
Advanced UI StylingNoYes
Playback Speed ControlNoYes
Subtitle and Caption SupportNoYes
Lazy Loading and PreloadingNoYes
Google Cast and ChromecastNoYes

The free version covers standard video embedding well. If you need streaming, CDN support, or a more polished player experience, the pro version is the natural next step.

How to Get Started

Getting Video Player Block running takes less than five minutes.

  1. Go to Plugins > Add New in your WordPress dashboard
  2. Search for Video Player Block
  3. Click Install Now, then Activate
  4. Open any post or page in the Gutenberg editor
  5. Click the + button and search for Video Player Block
  6. Add the block to your page
  7. Upload or paste your video URL
  8. Customize the player settings from the right sidebar
  9. Hit Publish

No configuration files. No shortcodes. No developer needed.

You can download it directly from WordPress.org or explore the pro version on bPlugins.

Frequently Asked Questions

Does Video Player Block work with the classic WordPress editor?

Video Player Block is built for Gutenberg. It does include a shortcode generator, so you can use it in the classic editor by inserting the generated shortcode. But the full editing experience with sidebar settings and live preview only works inside Gutenberg.

Can I use Video Player Block with any WordPress theme?

It works with most WordPress themes. Any theme that supports the block editor should be compatible. The bPlugins team actively tests and monitors compatibility. If you run into a conflict with a specific theme, you can report it through the support forum and they will look into a fix.

Do I need to install any additional software to use HLS streaming?

No separate plugin or server-side setup is required. The HLS playback engine is built into the pro version. You just paste your .m3u8 stream URL into the block and the player handles the rest. If you need to generate HLS streams from your video files, you will need a separate tool for that conversion, but the plugin handles playback natively.

How many video players can I add to one page?

There is no limit. You can add as many Video Player Block instances as you need, whether that is one per page or several on the same page. Assets load efficiently so multiple instances do not stack unnecessary scripts.

Can I use Video Player Block to embed videos from Amazon S3 or BunnyCDN?

Yes, but this is a pro feature. The pro version supports signed Amazon S3 URLs, BunnyCDN, DigitalOcean Spaces, and other external hosting services. You just paste the direct video URL or CDN-delivered stream URL into the block settings.

Does the plugin support subtitles in multiple languages?

Yes. The pro version supports multiple VTT subtitle tracks. You can upload caption files in different languages and let viewers choose their preferred track from the player. This is useful for international audiences and sites with accessibility requirements.

Will Video Player Block slow down my site?

No. Assets only load on pages where the block is used, so pages without video are not affected. The pro version adds lazy loading so the video only initializes when it enters the viewport, which keeps your Core Web Vitals scores clean.

Is the free version good enough for a basic blog or portfolio?

Absolutely. The free version gives you a responsive HTML5 player with YouTube, Vimeo, and self-hosted video support, along with basic playback controls, poster image support, autoplay settings, and Picture-in-Picture. For most blogs and portfolio sites, that is more than enough.

Can viewers download the video from the player?

You control this with a toggle in the block settings. Turn the download button on or off depending on whether you want viewers to save the video locally. If you deliver premium content, you will want to keep it off.

Does it work on mobile devices and iOS?

Yes. The player is fully responsive and tested across Chrome, Firefox, Safari, and Edge, as well as iPhone and Android devices. The layout adjusts automatically based on screen size.

What happens if I deactivate the plugin? Will my embeds break?

If you deactivate the plugin, the video blocks on your pages will stop rendering. The block code stays in the database, so if you reactivate the plugin, everything comes back as it was. While the plugin is inactive, visitors will not see the player.

Is Video Player Block compatible with page builders like Elementor or Divi?

It works inside Gutenberg-based layouts. If you use Elementor or Divi as your primary page builder, compatibility depends on whether those builders support native Gutenberg blocks inside their editors. Some do through a Gutenberg widget or HTML block. The cleanest experience is always within the native Gutenberg editor.

Explore Video Formats for WordPress Explained: MP4, WebM, OGV Compatibility Guide.

Final Thoughts

If video is part of your site, whether that’s tutorials, product demos, courses, or editorial content, you deserve a player that handles it properly. The default WordPress video block is a starting point, not a full solution.

Video Player Block gives you the flexibility to embed any video source, the control to customize how it looks and behaves, and the performance tools to make sure it does not slow your site down.

It’s Gutenberg-native, beginner-friendly, and scales up to handle streaming and external CDN delivery when you need it. Start with the free version and see how it fits. If you need streaming or external hosting, the pro version picks up right where the free version leaves off.

Share this post on:

Stay Updated with Our Latest News

Subscribe to our newsletter and never miss an update! Get the newest articles, tips, and insights delivered straight to your inbox.

Badge Icon Save 90%