🛠 How to Use It
1. Place the Video.js element
• In the design tab, drag the Video.js Player element onto your page.
• Resize the element as needed.

2. Configure the properties

In the element’s property panel:
• Video (File): Upload an MP4 video file (this is required).
• Poster Image (optional): Upload a poster/thumbnail image to display before the video starts.
• Controls: Enable or disable video controls (play, pause, volume, etc.).
• Autoplay: Automatically start the video on page load.
• Loop: Replay the video in a loop.
• Muted: Start the video muted.
• Preload: Choose how the video file loads:
• auto: start loading when the page loads
• metadata: only load metadata
• none: don’t preload the video
• Fluid: Enable responsive resizing to fit different screen sizes.
• Skin File: Leave empty for default, or provide a custom Video.js skin CSS file URL if you have one.

⸻

🔄 Triggering Workflows

You can trigger workflows based on the following video events:
• When Video Playing
Triggered when the video starts playing
• When Video Paused
Triggered when the video is paused
• When Video Ended
Triggered when the video reaches the end

These are available in the Workflow tab by selecting the Video.js element as the trigger source.

⸻

💡 Notes
• This version supports only video files uploaded via Bubble.
• Supported format: .mp4
• If you need support for YouTube, Vimeo, or direct URL video sources, an extended version is in development — stay tuned!