MARKETPLACE
PLUGINS
VIDEO PLAYER BUBBLE (MOBILE)
Video Player Bubble (Mobile) logo

Video Player Bubble (Mobile)

Published July 2026
   •    Updated this week

Plugin details


Video Player Mobile Native

Overview

Add a native video player to your Bubble Mobile app with playback controls, poster image, progress tracking and workflow events.
Use video URLs directly in mobile interfaces without building your own React Native player logic.
Control autoplay, loop, colors, progress bar, playback state and fullscreen behavior from a ready-made Bubble Mobile element.
Perfect for courses, onboarding, media apps, product videos, tutorials, training content and mobile video experiences.




Actual Problem

Playing video inside Bubble Mobile can become complicated when you need native controls, progress states, playback events, poster images, mute control, fullscreen behavior and workflow integration.

Without a dedicated mobile player, builders often need custom React Native code or limited workarounds that do not give enough control over the video experience.

This plugin gives Bubble Mobile builders a native video player powered by expo-video, with states, events and actions ready to connect with Bubble workflows.

Why choose this plugin?

⚡ Performance: built with a native mobile video engine for smooth playback.

📱 Mobile Ready: designed specifically for Bubble Mobile apps.

🎨 Customization: customize controls color, progress bar color and controls background.

🔄 Workflow Integration: trigger workflows when videos load, start, pause, finish, mute, unmute or error.

🧩 Easy Setup: add the element, set the video URL and configure playback options.

⛶ Fullscreen Support: includes fullscreen behavior when available on the device/runtime.

Main Features

▶ Native mobile video player
Display videos inside Bubble Mobile using expo-video.

🖼️ Poster image
Show a cover image before or during video loading.

🔁 Autoplay and loop
Enable automatic playback or looping when your experience needs it.

📊 Playback states
Track is_playing, is_loaded, current_time, duration, progress_percent, is_finished, has_error, is_mute, playback_rate and video_engine.

🔔 Workflow events
Run workflows on video_loaded, video_started, video_paused, video_finished, video_error, video_muted, video_unmuted, playback_rate_changed and fullscreen_opened.

🎛️ Player actions
Use actions for play, pause, toggle playback, restart, seek, mute, unmute, toggle mute, set playback rate and enter fullscreen.

🎨 Control styling
Customize icon/text color, progress bar color and controls background color.

Use Cases

Education
Build mobile course lessons, training videos, tutorials and learning modules.

Marketplace
Show product demos, seller videos, previews, instructions and promotional content.

SaaS onboarding
Use videos to explain features, guide setup and improve activation.

Fitness and coaching
Display exercise videos, coaching sessions, movement examples and guided routines.

Media apps
Create mobile video feeds, libraries, lessons, clips and playback experiences.

Support and documentation
Add tutorial videos, walkthroughs and help content inside the mobile app.

FAQ

Is this plugin for Bubble Mobile?
Yes. This plugin is designed for Bubble Mobile.

What video engine does it use?
The plugin uses expo-video.

Can I use a poster image?
Yes. You can set a poster image URL for the video player.

Can I autoplay or loop videos?
Yes. The plugin includes autoplay and loop options.

Can I control the player with workflows?
Yes. The player exposes actions such as play, pause, toggle, restart, seek, mute, unmute and set playback rate.

Can I track video progress?
Yes. The plugin publishes current_time, duration and progress_percent states.

Does it trigger workflow events?
Yes. It triggers events for load, start, pause, finish, error, mute, unmute, playback rate changes and fullscreen.

Try It Risk-Free

Subscribe to try the plugin safely. If you cancel a few days later, you will be charged only for the time used (e.g., monthly price $3 → $0.10 per day for 30 days).



Mobile Version

 



Need help?



Other plugins from Codes for you:

Native File Uploader (For Mobile)
Audio Recorder Pro - Bubble Mobile
Audio Player Pro for Bubble Mobile
Input Mask (Mobile)
Phone Number Input (Mobile)
QR code Scanner (Mobile)
Smart Formatter Input (Mobile)



$10

One time  •  Or  $2/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

Ticket Land logo
Ticket Land
Joined 2020   •   76 Plugins
View contributor profile

Instructions

The Smart Video Player is designed to be simple to configure while providing powerful controls through Bubble workflows.
1️⃣ Add the Element

Drag the Smart Video Player onto your Bubble Mobile page.

Adjust its width, height, border radius, border color, and border width just like any Bubble element.

2️⃣ Configure the Properties
🎥 Video URL

The direct URL of your MP4 video.

Example:

https://yourdomain.com/video.mp4

You can also use a dynamic value from your database.

🖼 Poster Image

(Optional)

Displayed before the user starts playing the video.

Recommended size:

1280x720
JPG or PNG
🎨 Icons & Text Color

Changes the color of:

▶ Play button
⏸ Pause button
🔊 Volume icon
⏱ Time text
⋯ Speed menu
⛶ Fullscreen icon
📊 Progress Bar Color

Choose the color of the playback progress indicator.

🎛 Controls Background Color

Changes the background color of the bottom control bar.

🔁 Loop Video

When enabled:

The video automatically restarts after reaching the end.

When disabled:

Playback stops at the end.
⚡ Auto Play

When enabled:

The video starts automatically after loading.

When disabled:

The user must press Play.
🎬 Bubble States

These states are updated automatically and can be used in Conditions or Workflows.

is_playing

Returns:

yes

when the video is playing.

is_loaded

Returns:

yes

after the video has finished loading.

current_time

Current playback position in seconds.

Example:

35.7
duration

Total video duration in seconds.

Example:

142.5
progress_percent

Playback progress.

Example:

73.4
is_finished

Returns yes when playback reaches the end.

has_error

Returns yes if the player cannot load the video.

is_mute

Returns yes when audio is muted.

playback_rate

Current playback speed.

Possible values:

0.5
1
1.5
2
video_engine

Returns:

expo-video

Useful for debugging.

debug_message

Provides debugging information if needed.

⚡ Events

The plugin can trigger Bubble workflows automatically.

🎬 Video Loaded

Triggered when the video finishes loading.

Use for:

Hide loading indicators
Enable buttons
Start timers
▶ Video Started

Triggered when playback begins.

⏸ Video Paused

Triggered when playback is paused.

🏁 Video Finished

Triggered when playback reaches the end.

Perfect for:

Unlocking the next lesson
Marking content as completed
Awarding points
❌ Video Error

Triggered when the player encounters an error.

🔇 Video Muted

Triggered when audio is muted.

🔊 Video Unmuted

Triggered when audio is restored.

⚡ Playback Rate Changed

Triggered whenever the user changes the playback speed.

📺 Fullscreen Opened

Triggered when the player enters fullscreen mode.

🎮 Available Workflow Actions

Control the player directly from Bubble workflows.

▶ Play

Starts playback.

⏸ Pause

Pauses playback.

▶/⏸ Toggle Play/Pause

Switches between Play and Pause.

🔄 Restart

Restarts the video from the beginning.

⏩ Seek To

Jump to a specific position in seconds.

Example:

60

Moves playback to 1 minute.

🔇 Mute

Turns audio off.

🔊 Unmute

Turns audio back on.

🔁 Toggle Mute

Switches between muted and unmuted.

⚡ Set Playback Speed

Accepted values:

0.5
1
1.5
2

Example:

2

Plays the video at 2× speed.

📺 Enter Fullscreen

Opens the player in fullscreen mode.

💡 Common Use Cases
🎓 Online Courses

Use the Video Finished event to unlock the next lesson automatically.

🏋 Fitness Apps

Start workout timers when the Video Started event is triggered.

📚 Learning Platforms

Display the user's progress using the progress_percent state.

📺 Streaming Apps

Save the current_time state to your database and resume playback later from the same position using the Seek To action.

🎮 Interactive Videos

Pause playback automatically to display quizzes, forms, or interactive content before allowing the user to continue.

✅ Tips
Use direct MP4 URLs for the best compatibility and performance.
Add a Poster Image to provide a polished loading experience before playback begins.
Use the exposed States, Events, and Actions to create advanced workflows without writing code.
Combine Bubble workflows with the player's controls to build professional video experiences such as online courses, tutorials, streaming platforms, and interactive applications.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble