HTML5 Video Player – embed fast, responsive videos with ease vs Webcam Microphone Screen Recorder – Media Capture

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

Create video, audio, screen recordings, photos and screenshots directly in WordPress. Authors and administrators can preview, record, review and upload browser-captured media to the Media Library, then use it in posts or publish video through Video Share VOD. Benefits Webcam, Microphone and Screen Capture: Record webcam video, microphone audio, screen capture with microphone, photos and screenshots in the browser. Preview and Review Workflow: Confirm permissions, preview the selected source, record, pause or resume, then review, discard, retry or accept the result. Device Switching: Switch between available cameras and microphones before recording. WordPress Media Library: Accepted media becomes an attachment with available browser metadata such as duration, codecs, resolution and frame rate. Editor Capture: The classic editor adds a Capture Media camera button and the Media Library adds a Capture Media launcher. Both open a Capture Media tab alongside Upload Files and Media Library, so accepted media can be selected and inserted normally. Video Post Publishing: Optionally publish accepted video and screen recordings through Video Share VOD. Flexible Embedding: Use the selected-app shortcode in admin workflows, posts, forms, paid-content and reaction-recording integrations. Modern Browser Capture: Uses standard browser media APIs without requiring a streaming server or additional end-user software. Browser Recorder Available from the WordPress dashboard and with a shortcode in posts, pages and custom workflows. Captures webcam video, microphone audio, screen recording, photo and screenshot media types. Presents device availability, permission guidance and a clear review step before a recording is accepted. Uploads accepted media to WordPress and makes it available in the Media Library. Integrates with Video Share VOD to publish captured video as custom video posts. Integrates with MicroPayments – Paid Membership, Content, Subscriptions for recording workflows. Uses browser-based media capture and works with current supported browsers. How to Use the Recorder Choose the enabled capture type in Settings or shortcode attributes. Allow the requested camera, microphone or screen permission, check the preview and start recording. Review the result, then accept it to save it to WordPress or discard it and try again. The browser supplies a compatible media format, and Video Share VOD can process accepted video when its integration is enabled. WordPress Editor and Media Library Integration When Media Library integration is enabled, users with permission to upload files can capture and use media without leaving the WordPress workflow: Classic editor: Capture Media appears beside Add Media. It opens the standard WordPress media dialog directly on the Capture Media tab. Add Media dialog: Capture Media is available alongside Upload Files and Media Library. Choose any enabled capture format, accept the result, then use WordPress’s normal insert control. Block editor: Capture Media is available from the editor menu. After choosing the captured attachment, it inserts an Image, Audio, Video or File block as appropriate. Media Library: Capture Media appears beside Add New. After accepting a capture, the new attachment is selected in the dialog; choose Use captured media to open it in the library. Post association: Captures made while editing an existing post or page are attached to that content when the user has permission to edit it. The Capture Media tab only displays the formats enabled in Settings > Integrations: Webcam Video, Microphone Audio, Screen Capture, Webcam Photo and Screenshot. It also includes links to the plugin information and VideoWhisper developer assistance. App choice and integrations Use [videowhisper_recorder] for the selected recorder app. The bundled browser recorder uses a local WordPress REST upload and creates a Media Library attachment. It is suitable for video-post and VOD source capture and exposes the videowhisper-recorder:saved browser event after a successful upload for custom post, paid-content and reaction-recording adapters. Its event result includes metadata.attachmentId, metadata.attachment (ID, title, MIME type and URL), and metadata.mediaLibraryUrl when an attachment was created. The [videowhisper_html5recorder] shortcode remains available for existing HTML5 Videochat workflows. With the browser recorder selected, enable Video, Audio, Screen Capture, Photo and Screenshot buttons from Settings > Integrations. Use mode="audio", mode="screen", mode="photo" or mode="screenshot" to show one enabled type, modes="video,audio" for a subset, and direct_preview="1" to skip the introductory Continue screen. The recorder adapts its camera presentation to landscape or portrait use, supports available camera and microphone switching, and provides a review step before upload. Settings adapt to the selected recorder application. Select HTML5 Videochat recorder (legacy) when an existing Videochat workflow requires it. Recommended Hosting Although recording does not involve special hosting requirements (except ability to upload the HTML5 recorded files), processing the videos server side with VideoShareVOD or similar plugins requires FFmpeg. VideoShareVOD FFmpeg Hosting Technical Clarifications / Support Official Webcam Microphone Screen Recorder Demo Contact VideoWhisper Note: Previous Flash recorder and functionality was removed as no longer supported by most browsers. Only HTML5 application and implemented features are supported.