HTML5 Video Player – Embed and Play Videos in Custom Player

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, IE7–IE9, 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.

This section describes how to install the plugin and get it working.

e.g.

1. Upload plugin-directory to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Use the shortcode in page, post, or in widgets.
4. If you want video in your theme PHP file, Place <?php echo do_shortcode('YOUR_SHORTCODE'); ?> in your templates