Video Player

✅

Link to the plugin page: [Need to Add]

Demo to preview the plugin:

✅

Live Demo: https://zeroqode-native-demo-05.bubbleapps.io/api/1.1/mobile/preview?debug_mode=false&preview_view=Video Player

✅

Bubble Editor: https://bubble.io/page?id=zeroqode-native-demo-05&test_plugin=1751978157261x656812416887160800_current&tab=Design&name=Mention+-+Tag+Users%2FItems&type=page&elements=bTIEj1

Introduction

The Video Player plugin offers a sleek, modern way to play videos directly in your Bubble app.

Easily customize colors, buttons, and borders to match your brand.

Enjoy smooth playback with essential controls like play, pause, seek, speed change, and volume adjustment. Track every interaction with real-time states and events. Perfect for product demos, tutorials, or any media content.

Deliver a professional, responsive video experience on any device.

Prerequisites

This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at : https://testflight.apple.com/join/W13vZ72p

☝

Browser (web): The settings menu (⚙️/speed) has been removed.

Volume icon vs. physical buttons: The icon does not change when using the device’s physical volume buttons.

Field Name	Description	Type
Video Source	Direct MP4 video link.	Text (URL)
Poster Image	Poster image displayed before playback starts.	Image URL
Primary Color	Accent/progress bar color.	Color (default `#FF0000`)
Background Button	Play button background color.	Color (default `rgba(255,255,255,0.9)`)
Background Color	Player background color (follows Bubble theme if not set).	Color
Border Roundness	Rounded corners (follows Bubble theme if not set).	Number (px)

State	Description	Type
Is Playing	Indicates whether the video is currently playing.	Yes/No
Current Time	Current playback time in seconds.	Number
Video Duration	Total video duration in seconds.	Number
Is Muted	Indicates whether the audio is muted.	Yes/No
Volume	Current volume level (0–1).	Number
Is Loading	Indicates whether the video is currently buffering/loading.	Yes/No
Is Ended	Indicates whether the video has finished playing.	Yes/No
Progress Percentage	Playback progress as a percentage (0–100).	Number

Event	Description
On Video Load	Triggered when video metadata has been loaded.
On Time Update	Triggered when the current playback time updates.
On Play	Triggered when the video starts playing.
On Pause	Triggered when the video is paused.
On Video End	Triggered when the video reaches the end.
On Video Error	Triggered when an error occurs while loading/playing the video.
On Seek	Triggered when playback position changes (seeking).

Action	Description
Play	Starts video playback.
Pause	Pauses video playback.
Toggle Playback	Plays or pauses the video depending on current state.
Seek To	Jumps to a specific second or fraction (0–1) of the video.
Skip Forward	Moves playback forward by 10 seconds.
Skip Backward	Moves playback backward by 10 seconds.
Set Volume	Sets the volume level (0–1).
Toggle Mute	Mutes or unmutes the audio.
Set Speed	Changes playback speed (0.25, 0.5, 0.75, 1, 1.75, 2).

Video Player

Demo to preview the plugin:

Introduction

Prerequisites

How to setup

Element Properties

Video Player

Element States

Element Events

Element Action

Changelogs