Docs link at https://docs.nocodeventure.com/videojs-suite
Demo page: https://ncv-demos5-21476.bubbleapps.io/version-test

Editor: https://bubble.io/page?id=ncv-demos5-21476&tab=Design&name=index&elements=bTHiQ


How to Use the Plugin (Bubble Plugin Page)

Install VideoJS Suite from the Bubble plugin marketplace.

Open your page in the Bubble editor.

Drag the VideoJS Suite element onto the page.

Resize it to your desired player dimensions.

Set the Source URL and any optional properties in the property editor.

(Optional) Add workflows using the plugin’s actions and events.

Preview your app — the player will automatically initialize.

Getting Started

Drop the VideoJS Suite element onto your page and resize it. The player automatically fills the element’s dimensions.

Element Properties

Configure these directly in the Bubble property editor.

Video

Set the main video source URL and playback behavior.

Appearance

Control styling, skins, and layout options.

Pre-roll Ad

Plays automatically when the user presses play.

Post-roll Ad

Plays automatically after the video ends.

Mux Analytics

Optional analytics integration. Leave fields empty if unused.

Actions (Workflow Actions)

Trigger these from Bubble workflows.

Schedule Ads

Schedules ad breaks at specific timestamps.
You can call this multiple times on the video_ready event.

Common setups:

Pre-roll → Trigger on video_ready, Start Time = 0

Mid-roll at 60s → Trigger on video_ready, Start Time = 60

Post-roll → Trigger on video_ended, Start Time = 0

Multiple mid-rolls → Call multiple times with different Start Times

Set Source

Changes the current video without reloading the player.

States

States expose real-time player data (e.g., playing status) for use in conditions and expressions.

Events

Use these to trigger workflows.

Video Events

Triggered by playback actions (ready, play, pause, ended, etc.).

Ad Events

Triggered when ads start, complete, or fail.

Tips & Common Workflows

Pre-roll only
Set the Pre-roll Ad Tag property. No workflow required.

Mid-roll at 2 minutes
On video_ready → Schedule Ads → Start Time = 120.

Playlist behavior
Use Set Source when a user clicks another video.

Ad-free for paid users
Leave ad tag fields empty for subscribed users.

Supported Ad Tags

Uses Google IMA SDK. Any ad server that returns a VAST XML tag is supported.

Works with:

Google Ad Manager (DFP)

Google AdSense for Video

SpotX

FreeWheel

Magnite

OpenX

Any VAST 2.0–4.x compatible provider

If your network provides a VAST tag URL, it will work.
Custom script-based ad integrations are not supported.