HTML5 Video Player – embed fast, responsive videos with ease
Embed beautiful, responsive videos anywhere on your site – no code required, trusted by 30,000+ websites worldwide. HTML5 Video Player | Documentation | Pricing | Support | Demo Why HTML5 Video Player? HTML5 Video Player is a flexible, fully responsive video player plugin for WordPress. Embed MP4 and other video formats with ease, customize the player to match your site design, and enjoy smooth playback across all major browsers and devices. Add players to posts, pages, or widgets using shortcodes or the Gutenberg block – no code needed. Built-in options let you control video behavior such as autoplay, loop, mute, and more, while schema markup helps search engines understand and index your videos. Free Features 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. Preload Options: Choose how much of the video loads up front (metadata, auto, none) to balance speed and bandwidth. Inline iOS Playback: Play videos inline on iOS devices instead of forcing fullscreen. Skins & Color Customization: Style the player to match your brand. Supports Multiple Formats: Embed MP4, WebM, OGG, and MOV 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. Video Playlist Block: Build a playlist of videos with a simple list layout, auto-play next with a 5-second “Up Next” countdown, custom thumbnails, and duration badges. HLS Streaming: Play .m3u8 adaptive streams, with automatic quality levels. Subtitles & Captions: Add a .vtt caption track to any player, with your own language label. Player Alignment: Align the player left, centre or right from the block editor, the classic metabox, the Quick Player settings, the shortcode or Elementor. Audio Player Block: A skinnable audio player with four skins — Modern Bar, Waveform, Podcast Card and Compact Pill — plus speed, skip, volume and download controls. Pro Version The Pro version adds more flexibility and advanced controls for managing video playback and customization: Color Picker: Change player colors to match your site perfectly. External Hosting Support: Embed videos from Amazon S3 and other sources. Multiple Subtitles Support: Add more than one caption track and let viewers choose the language. Advanced Playlists: Three extra playlist layouts (List With Thumb, List on Right Side, Grid), a live search filter, prev/next arrows, plus a playlist post type and [video_playlist] shortcode. DASH Streaming: Play .mpd adaptive streams alongside HLS. Quality Switcher: Viewers can toggle video quality like on YouTube. Page Load Optimizer: Defer player assets and video loading for better page speed scores. Restart, Rewind, Fast Forward: Full playback control buttons. Download Button Toggle & Custom Download URL: Enable, hide, or redirect video downloads. Customize Every Control: Show/hide any button or control. Speed & Quality Control: Let users adjust playback speed and resolution. Advanced Shortcode Generator: Right inside your post/page text editor. Autoplay When Visible on Screen: Smart autoplay triggers only when the video enters the viewport. Disable Pause: Prevent viewers from pausing the video. Show Thumbnail on Pause & Sticky on Scroll: Keep viewers engaged as they browse. Seek Time & Start Time: Customize jump distance and auto-start position. Google VAST Tag URL: Integrate ad tags using Google VAST for monetization. Chapters & Overlay: Add chapter markers and custom overlays for a better experience. End Screen & Popup Player: Show a custom end screen or open videos in a distraction-free modal. Password Protected Videos: Restrict video access to users with a valid password. Watermark Support: Add branding or copyright with a watermark. 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 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. Prefer the block editor? Add the HTML5 Video Player block, select your player, and publish – your video is live! Quick Player shortcode: [video_player src="video src"] More attributes you can use: 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" playsinline="true/false" width="500px" align="left/center/right" caption="https://example.com/subtitles.vtt" caption_label="English/en" reset_on_end="true" Live Demo | Buy The Pro Use Cases Product Demos: Embed demo videos on landing and product pages. Courses & Tutorials: Display video tutorials and course content. Testimonials: Showcase client testimonial videos. Portfolios: Build a video portfolio of your work. Digital Sales: Add previews for paid video content. What Users Say ❛❛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 the plugin? Missing a 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
Top keywords
- video31×2.77%
- player30×2.68%
- videos13×1.16%
- video player12×1.07%
- html510×0.89%
- add9×0.81%
- github9×0.81%
- custom8×0.72%
- html5 video8×0.72%
- html5 video player8×0.72%
- https8×0.72%
- block7×0.63%
Simple Private Video
A simple and fast way to host your own videos and show them in private mode without being able to download them and without external services dependencies like Vimeo, YouTube, etc. Attention! experimental beta phase plugin Great news for course creators who continually hacked its contents! With the video block of this plugin you can upload your videos to a private folder on your own hosting and share them in your web only with your logged visitors. The block has several configuration options: Setup your own main color to make the video player more corporate and according to the web design. Setup a preload image to show before the video is playing. Add custom content to show when video it is not allowed in case of not logged users. In other hand the video player allow users to setup: video playback speed, audio volume, fullscreen and show whit PiP(Picture-in-Picture) ( the video is contained in a separate mini window that is always on top of other windows. This window stays visible even when the browser is not visible.) There is no reference to external services such as YouTube or Vimeo since you use your own hosting and your own video player. With the advantages and disadvantages that this implies like you need a good hosting for your website if you don’t want depends on external services. Because of you use your own video player, the plugin does everything possible so that your videos cannot be downloaded even if they are your own customers who are watching the videos the ones who also try to do download them. If they try do it they will have a screen warning like: Hello username! this access is not allowed, so the administrator of MyDomain.com will be informed :( The plugin works sharing videos like a pseudo video stream to avoid users to see the video url to download it, because of the are not public url and the browser cant show the video without the php rendering and authorizations from the backend. Control who can watch your videos By default the video is show only to logged user, but you can set more restriction with custom configuration by the filter: spv-show-private-video Example with Restric Content Pro: if ( function_exists( 'rcp_user_has_active_membership' ) ) { add_filter( 'spv-show-private-video', function( $show_private_video, $attributes ){ return rcp_user_has_active_membership(); }, 10, 2 ); } Like all WordPress filters remember to always return something in this case true or false. The first variable $show_private_video is true only in case the current user is logged on your website. The video it will only be seen in the case you return true and for that you can use the functions of others plugins for restrict content like the above example with RCP. The second variable $attributes is an array with all data about the configuration of each video block with these keys: color, blockAlignment, videoID, imageID, imageUrl, content. This is a solution for self hosting IMPORTANT! all videos are save it in your hosting, so keep it in mind for disk space and bandwidth. Maybe a shared hosting it is not a good idea to work in this way, especially if you will have many visualizations. Please values if it is not better to use a VPS or even look for another type of solution instead of this plugin To protect the folder with the videos, the plugin adds in its activation an .htaccess file in / wp-content / uploads / spv-private / Be carefoul with that because of it will only work with Apache and depending on the configuration of your hosting. Nobody must to know direct url of each video but if your hosting ignoring .htaccess file and show the videos please talk to the manager of your hosting to increase security and protect videos folder in the best way. Please read carefully all Frequently Asked Questions at the bottom of this page before using this plugin in production, and think if it is your best option to share videos on your web. 🙂 Feedback and support I would be happy to receive your feedback to improve this plugin. Please let me know through support forums if you like it and please be sure to leave a review.. Form more information you can visit the page SumaPress or even visit Github of Simple Private Video where you can find all the development code of this plugin. I hope it is useful for you and look forward to reading your reviews! 😉 Thanks!