Play local videos in your Bubble mobile app with responsive design, customizable styling, intuitive controls, and support for seamless in-app video playback triggered through workflows.
       
⚡ Main Functions:

• Seamless Video Playback.
   Play local video files directly within your Bubble Native (mobile) app.
• Responsive Design.
   The player automatically adapts to different screen sizes for a smooth experience.
• Customizable Appearance.
   Adjust size, colors, and borders to match your app’s branding and layout.
• Smooth Audio-Video Performance.
   Ensure high-quality playback with native device optimization.

⚡ Key Features:

🎮 Intuitive Controls
     Provide users with familiar play, pause, and seek controls for easy interaction.
🎬 Interactive Media Sections
     Integrate video content to enhance user engagement.



Documentation

We’ve created a detailed step-by-step guide for the Video Player Bubble Mobile Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

What does the Video Player plugin do?
It provides a modern and responsive video playback experience within Bubble Native (mobile) apps. Users can play videos with a clean, user-friendly interface.

Which video formats and controls are supported?
The plugin supports MP4 video playback and includes essential controls such as play, pause, skip forward/backward (±10 seconds), mute/unmute, volume adjustment, and playback speed changes (ranging from 0.25× to 2×).

Can I customize the player’s appearance?
Yes. You can personalize several visual aspects:
1. Set the video source (HTTPS link)
2. Add a poster image displayed before playback
3. Customize accent colors (primary color, play button background, background color)
4. Adjust border roundness and styling

What playback states does the plugin expose?
The plugin provides real-time states you can use in workflows:
1. Is Playing (Yes/No)
2. Current Time (seconds)
3. Video Duration (seconds)
4. Is Muted (Yes/No)
5. Volume Level (0–1)
6. Is Loading (Yes/No)
7. Is Ended (Yes/No)
8. Progress Percentage (0–100)

What events can I trigger workflows on?
You can respond to the following events:
1. On Video Load (when metadata is loaded)
2. On Time Update (when the playback time changes)
3. On Play
4. On Pause
5. On Video End
6. On Video Error
7. On Seek (when playback position changes)

Can I control playback via workflows?
Absolutely. Available actions include:
1. Play
2. Pause
3. Toggle Playback
4. Seek To (specific time or fraction)
5. Skip Forward (10 seconds)
6. Skip Backward (10 seconds)
7. Set Volume (0–1)
8. Toggle Mute
9. Set Speed (options include 0.25, 0.5, 0.75, 1, 1.75, 2)

How do I set up and integrate the plugin?
1. Install the Video Player Plugin in your Bubble app.
2. Drag the Video Player element onto your page.
3. Set the video source (HTTPS link) and configure optional visuals like poster image and colors.
4. Preview and test using the BubbleGo app (via TestFlight for iOS testing).
5. Use available states, events, and actions to build interactive workflows for user controls or automated behavior.

Any prerequisites or environment notes?
Yes. The plugin is optimized for Bubble’s mobile editor and requires previewing via the TestFlight app for iOS mobile testing. Certain controls (like the speed menu) are removed from browser testing, and volume icons may not reflect physical button presses directly.

   

Our Similar Plugins

- Video Player Pro
- Plyr - Anti Adblock Video Player
- HLS Video Player
- Audio Video Player and Recorder
- Responsive & Stylable Video Player
- HTML5 Video Player Pro
- Easy Video Player #mp4
- HTML 5 Video Player
- Premium HTML5/M3U8 Video Player




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!