HTML5 Video Player – Embed and Play Videos in Custom Player for WordPress Plugin Directory

The #1 No-Code Video Player Plugin – Trusted by 30,000+ Websites Worldwide

HTML5 Video Player | Documentation | Pricing | Support | Demo

HTML5 Video Player is a flexible and fully responsive video player plugin for WordPress. It allows you to embed MP4 and other video formats with ease. You can customize the player to match your site design and support playback across all major browsers and devices.

The plugin supports video embedding using shortcodes or Gutenberg blocks, making it easy to add video players to posts, pages, or widgets without writing any code. With built-in customization options, users can control video behavior such as autoplay, loop, mute, and more.

Key Features – Free Version

Responsive HTML5 Video Player: Seamlessly adapts to all devices and screen sizes.

No-Code Embedding: Use shortcodes to quickly add videos anywhere on your site.

Cross-Browser Compatibility: Works perfectly on Chrome, Firefox, Safari, and more.

iOS & Mobile Friendly: Plays video files on all major devices without extra plugins.

Autoplay, Loop & Mute Options: Customize how your videos behave.

Skins & Color Customization: Style the player to match your brand.

Supports Multiple Formats: Embed MP4, WebM, OGG, and FLV files.

Preview for Paid Content: Great for selling digital video files with previews.

Lightweight & Compact: Doesn’t take up unnecessary space on your page.

Custom CSS Support: Fine-tune your player with custom styles.

SEO Optimized: Schema markup helps search engines understand and index your videos.

HTML5 Video Player Pro – Unlock Premium Features The Pro version adds more flexibility and advanced controls for managing video playback and customization:

What’s New in the Pro Version?

Color Picker: Change player colors to match your site perfectly.

External Hosting Support: Embed videos from Amazon S3 and other sources.

Multiple Subtitles Support: Make your videos accessible and multilingual.

Quality Switcher: Viewers can toggle video quality like on YouTube.

Page Load Optimizer: Control preload settings for better speed.

Restart, Rewind, Fast Forward: Full control playback buttons.

Ad-Free Experience: No ads, just pure video.

Download Button Toggle: Enable or hide video downloads.

Customize Every Control: Show/hide any button or control.

Speed & Quality Control: Let users adjust playback speed and resolution.

Advanced Shortcode Generator: Now inside your post/page text editor.

Custom Download URL: Set a specific URL users will access when downloading your video.

Autoplay When Visible on Screen: Smart autoplay triggers only when the video enters the viewport.

Disable Pause: Prevent viewers from pausing the video.

Allow Inline Playback on iOS: Enable inline video viewing on iPhones and iPads.

Show Thumbnail on Pause: Display a thumbnail image when the video is paused.

Sticky on Scroll: Keep the video visible as users scroll down the page.

Seek Time: Customize how far the video jumps when seeking forward/backward.

Start Time: Automatically start the video at a specified time.

Preload Options: Choose how much of the video is preloaded (metadata, auto, none).

Google VAST Tag URL: Integrate ad tags using Google VAST for monetization.

Chapters: Add chapter markers for easier navigation and user experience.

Overlay: Display a custom overlay before or after playback.

Enable End Screen: Show a custom end screen after the video finishes (disables repeat).

Password Protected: Restrict video access to users with a valid password.

Accessibility Ready: Supports captions and subtitles for a better inclusive experience.

Enable Popup Player: Let users view videos in a pop-up modal for distraction-free playback.

Watermark Support: Add branding or copyright with a watermark (disables autoplay).

Additional ID/CSS Class: Add unique IDs or CSS classes for advanced custom styling.

Try the Pro Version – Unlock all premium features today!

How to Use HTML5 Video Player – Quick Start Guide Getting started is easy!

Step-by-Step Setup

Install and activate the plugin

Go to the HTML5 Video Player menu in the WordPress dashboard

Create a new video player and configure your settings

Copy the shortcode displayed for your player

Paste the shortcode into any post, page, or widget

Alternatively, use the Gutenberg block to add the player visually

Gutenberg Block Support

HTML5 Video Player includes full support for the block editor. Simply choose the HTML5 Video Player block from the editor, select your player, and publish your content.

That’s it – your video is live!

Whether you’re embedding an MP4 player or building a video gallery, HTML5 Video Player is the go-to solution for a powerful, professional video player plugin on WordPress.

Live Video | Buy The Pro

Use Cases

Embed product demo videos

Display video tutorials and course content

Showcase client testimonials

Build a video portfolio

Add previews for digital video content

Quick Player Block [video_player src="video src"]

More attributes can be used

controls="play-large, restart, rewind, play, fast-forward, progress, current-time, mute, volume, captions, settings, pip, airplay, download, fullscreen"

autoplay="true/false"

muted="true/false"

preload="auto/metadata/none"

width="500px"

reset_on_end="true"

User Feedback ❛❛We got multiple support from the developer. Outstanding and fabulous! 100 % satisfied and my personal recommendation for video player plugin!❜❜

-newbie2004

❛❛This guy is the future of WordPress plugins. The interface is the very definition of simplicity and everything just works right out of the box.❜❜

-amallulla

Like that plugin? Hate it? Want a new feature? Send your feedback

Check out our other WordPress Plugins- Html5 Audio Player – Listen audios with awesome visuals.

PDF Poster – Display/Embed PDF files with different styles.

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.

Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository:

HTML5 Video Player on GitHub

Third-Party Libraries This plugin bundles the following third-party library:

Codestar Framework

Source: http://codestarframework.com/

GitHub: https://github.com/Codestar/codestar-framework

License: GPLv2 or later – https://github.com/Codestar/codestar-framework/blob/master/LICENSE

Purpose: Provides the options framework for the plugin’s settings and shortcode generator.

Plyr

– Version: 3.8.4

– Purpose: Provides the customizable HTML5, YouTube, and Vimeo media player interface used to render videos.

– License: MIT

– Website: https://plyr.io

– Source code: https://github.com/sampotts/plyr

– Bundled file: public/js/plyr-v3.8.4.polyfilled.js

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