[NEW PLUGIN] ChapterOne - The Ultimate LMS Video Engine (Chapters, Speed Control, Subtitles) 🎬

Showcase Plugins
1

Hey Bubblers! :waving_hand:

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:

:clapper_board: 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.

  • :high_voltage: Speed Control: Finally! Let your users watch content at 0.5x, 1.5x, or 2x speed.

  • :brain: Smart URL Detection: No need to select a “Type”. Just paste the link, and the plugin figures it out.

  • :artist_palette: Branding: Change the accent color to match your app.

Free Version: Link

:graduation_cap: 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.

  • :round_pushpin: Visual Chapters: Pass a list of titles and timestamps (e.g., “Intro”, “Topic A”). The player renders interactive markers on the timeline.

  • :floppy_disk: Progress Tracking: Use the Current Time and Percent Watched states to auto-save student progress.

  • :right_arrow_curving_left: Smart Resume: Easily implement “Continue Watching” by using the Seek to Time action on load.

  • :speech_balloon: 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!

  • :shield: Basic Anti-Piracy: Option to disable the Right-Click context menu to prevent easy downloading.

  • :mobile_phone: Vertical Video Ready: Support for 9:16 Aspect Ratio (TikTok/Shorts style).

Pro Version: Link

Happy building! :rocket:

2

Hey bubblers! :waving_hand:

If you are building an LMS, a course platform, or a premium SaaS, your video player needs to do more than just press play. Today, I’m thrilled to announce ChapterOne Pro V2! :rocket:

We’ve taken our custom Plyr integration to the next level with features that rival top-tier streaming platforms.

:glowing_star: Highlight Reel - What’s New in V2:

:popcorn: “Continue Watching” (Start At) Building a course platform? You can now pass a specific timestamp (in seconds) to the player on load. Users will instantly resume the video exactly where they left off!

:shield: Custom Watermarks Brand your player instantly! Add your logo as an overlay image in the top corner of the video to protect your content and keep your brand front and center.

:framed_picture: Picture-in-Picture (PiP) Action We’ve added a new workflow action to toggle PiP! Users can pop the video out and keep watching while they navigate through your Bubble app. (Note: Due to browser security, this magic only works with native HTML5 .mp4 files, not YouTube/Vimeo iFrames!).

:fast_reverse_button: Forward / Rewind 10s Actions Want to build custom buttons outside the player? You now have dedicated workflow actions to skip forward or rewind 10 seconds with a single click.

:broom: Zero Memory Leaks (SPA Safe) We completely rebuilt how the player handles subtitle files (.vtt). The engine now actively cleans up internal Blob memory when switching videos. Your users can binge-watch hours of content without crashing the browser’s RAM!

Check out the V2 update today and let me know what you think!

Happy building! :movie_camera::sparkles:

3

Hey Bubble family! :waving_hand:

Today we are releasing our biggest update yet: Version 3.0 (The Streaming & Audio Update).

We wanted to give you the power to build true Netflix-tier and Spotify-tier platforms on Bubble, handling heavy media gracefully while saving on Bubble storage costs. Here is what’s new under the hood:

:satellite_antenna: Adaptive Bitrate Streaming (HLS & DASH) Connect directly to AWS S3, Mux, or Cloudflare Stream! Just paste an .m3u8 or .mpd link. The player will automatically decode the stream and unlock the Quality Selector in the gear menu, letting your users choose between 1080p, 720p, or Auto—adapting to their internet speed in real-time.

:headphone: Dedicated Audio / Podcast Mode Are you building a music or podcast app? Just check the new is_audio box, and the player sheds its video canvas, transforming into a sleek, minimal audio player for your .mp3 and .wav files. (Note: YouTube/Vimeo links will still render as video to comply with their API restrictions!).

:magic_wand: Smart Auto-Routing (UX Win!) We removed the clunky “Select Provider” dropdown. You no longer have to manually tell the plugin if a link is YouTube, Vimeo, or HTML5. Just feed the video_url field dynamically from your database, and our smart engine instantly detects the format and loads the correct player API in milliseconds.

Update to V3 in your editor today and let us know what you think!

Happy building! :popcorn::studio_microphone::sparkles:

4

Hey Bubblers! :waving_hand:

I’m super excited to announce the V4 “Premium UX” Update for ChapterOne! This update is all about making your video platform feel like a million bucks to your end-users.

Here is what’s new:

:framed_picture: Netflix-Style Hover Thumbnails You can now add video preview thumbnails directly to the progress bar! Just provide a link to a standard VTT sprite file in the new Thumbnail VTT URL field. When your users hover over the timeline, they’ll see exactly what frame they are skipping to. It completely transforms the feel of your app!

:floppy_disk: Smart Settings Memory (Local Storage) Have you ever been annoyed when you set a video to 1.5x speed, but when you click the next episode, it resets to 1x? Not anymore! ChapterOne now silently saves your user’s Volume and Playback Speed preferences directly in their browser’s local storage. Seamless transitions between videos, zero workflows required.

To use the new thumbnails, make sure your VTT files use absolute HTTPS paths for the sprite images to avoid browser CORS blocks!

Go update to V4 and let me know what you think! Happy building! :rocket::popcorn:

5

Hey Bubblers! :waving_hand:

If you are building an E-learning platform, a Media Portal, or an exclusive Membership site, you know that keeping your videos secure and finding ways to monetize them natively is the ultimate challenge.

Today, I’m thrilled to announce ChapterOne (Pro) V5: The Monetization & Security Update! :rocket::money_bag:

Here is what V5 brings to your apps:

:locked: Blob Masking (Anti-Download Level 2): Stopping someone from inspecting your source code and grabbing the .mp4 link is tough. V5 introduces Blob Masking! We convert your video into a memory-bound Blob on the fly, completely obfuscating your real URL from the HTML inspector.

:dollar_banknote: Native Pre-roll Ads (VAST/VPAID): Monetize your platform just like YouTube! Paste a VAST Tag URL, and the player will natively handle pre-roll video ads (skippable or non-skippable). Bonus: We built in a bulletproof anti-adblocker fallback. If your user blocks the ad, the player simply skips it and plays your main video flawlessly without breaking the page!

:artist_palette: UI & State Sync: New is_ad_playing (Yes/No) state so your Bubble UI knows exactly what’s happening. Plus, your custom Watermarks now intelligently hide themselves while ads are running!

Stop dealing with messy third-party wrappers and start serving secure, monetized video right from your Bubble app. :popcorn:

Let me know if you have any questions or how you plan to use the new Ad features! :backhand_index_pointing_down:

6

Hey Bubblers! :waving_hand:

If you are building an LMS, a course platform, or a marketing sales funnel in Bubble, you know the biggest pain point with standard video players: Blind spots. You don’t know if your students actually watched the lesson, or if they just dragged the progress bar to the end to unlock the “Next Lesson” button. You lose potential buyers because they scroll past your video before the pitch happens.

Today, we are thrilled to announce ChapterOne Pro V6: The Data & Conversion Update! :bar_chart::bullseye: We’ve rebuilt our engine to focus on engagement and retention.

Here is what’s new:

:brain: Heartbeat Analytics (Anti-Cheat Engine) We introduced two new powerful states: percentage_watched and highest_time_reached. If a user tries to cheat by skipping forward, the plugin ignores the jump and only records the actual seconds watched. We also added a brand new Reached 90% event—perfect for securely unlocking certificates or next lessons!

:stop_sign: Interactive In-Video CTAs Turn passive viewers into active buyers. Set a CTA Time (e.g., 60 seconds), and the player will auto-pause and deploy a beautiful, blurred overlay. You can inject custom HTML or use your own Bubble Buttons over the player, paired with our new Close CTA Overlay workflow action to resume playback!

:floppy_disk: Smart Resume (Cross-Session Memory) Ever accidentally refreshed a page and lost your spot in a 2-hour podcast or lecture? Never again. By simply passing a Resume ID, the player saves progress to local storage. When the user returns, it natively asks: “Resume video at 15:42?”. (And yes, we added a Clear Video Memory action for your “Restart” buttons!).

This update is already live in the plugin editor! Let us know how you are using these new conversion tools in your apps! :backhand_index_pointing_down::sparkles: