ChapterPlay Chapter Player for YouTube vs HTML5 Video Player – Embed and Play Videos in Custom Player

ChapterPlay automatically extracts chapters from YouTube video descriptions and displays them in a beautiful, interactive sidebar. Visitors can click any chapter to jump directly to that timestamp. Key Features 🎬 Gutenberg Block — drag and drop into any post or page 🔖 Shortcode — [chapterplay url="..."] for classic editor or any text widget 📑 Auto Chapter Extraction — reads timestamps directly from YouTube descriptions 📺 Multiple Players — add unlimited players on the same page with no conflicts 🌙 Premium Dark Design — polished UI that adapts to any container size (300px to full-width) ⚡ Smart Caching — chapter data is cached server-side to reduce API calls 🔑 No API Key Required — uses YouTube’s internal data endpoint; zero configuration needed How to Use Gutenberg Block: 1. In the block editor, click + to add a new block 2. Search for ChapterPlay 3. Add the block, then paste the YouTube URL in the right-hand Settings panel 4. Save and preview — the player renders on the frontend with chapters Shortcode: [chapterplay url="https://www.youtube.com/watch?v=VIDEO_ID"] [chapterplay url="VIDEO_ID"] You can use the shortcode inside any page, post, or text widget. External Services This plugin connects to youtube.com to fetch video metadata (title, description, duration). No personal user data is transmitted. The connection is made server-side only when a video is first loaded or the cache expires. Service: YouTube (google.com) Data sent: YouTube video ID only Data received: Video title, author, duration, description Privacy policy: https://policies.google.com/privacy Terms of service: https://www.youtube.com/t/terms

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