Hey Bubblers! 
If you are building a Course Platform, an LMS, or just want a video experience that doesn’t look like the default browser player, I’m excited to share ChapterOne.
We built this wrapper around the powerful Plyr.js engine to solve the biggest headaches in Bubble video handling: inconsistencies between YouTube/MP4, lack of speed control, and CORS issues with subtitles.
There are two versions available:
ChapterOne Free (The “Beautiful” Player)
Perfect for blogs, portfolios, and marketing sites.
-
Unified UI: YouTube, Vimeo, and MP4s look exactly the same. Clean, modern, and professional.
-
Speed Control: Finally! Let your users watch content at 0.5x, 1.5x, or 2x speed. -
Smart URL Detection: No need to select a “Type”. Just paste the link, and the plugin figures it out. -
Branding: Change the accent color to match your app.
Free Version: Link
ChapterOne Pro (The “LMS” Engine)
Built for Course Creators and Membership Apps.
This version turns the player into a data engine that talks back to Bubble.
-
Visual Chapters: Pass a list of titles and timestamps (e.g., “Intro”, “Topic A”). The player renders interactive markers on the timeline. -
Progress Tracking: Use the Current Time and Percent Watched states to auto-save student progress. -
Smart Resume: Easily implement “Continue Watching” by using the Seek to Time action on load. -
Bulletproof Subtitles: We implemented a smart “Blob Fetching” system. This means your .vtt subtitle files work even if they are private on Bubble storage. No more CORS errors! -
Basic Anti-Piracy: Option to disable the Right-Click context menu to prevent easy downloading. -
Vertical Video Ready: Support for 9:16 Aspect Ratio (TikTok/Shorts style).
Pro Version: Link
Happy building! 