MARKETPLACE
PLUGINS
UNIVERSAL VIDEO PLAYER
Universal Video Player logo

Universal Video Player

Published June 2022
   •    Updated this week

Plugin details

The Universal Video Player plugin makes it easy to play videos in your Bubble app.
⭐⭐⭐⭐⭐ Cranford Tech is committed to providing 5-star customer support. Check out the reviews at the bottom of this page and on our other plugin pages to see what people think of us!


Love this plugin, it's one of my favourites! There's great documentation, videos and a plugin creator who's very responsive. Jordana Wright, Founder of App Maven


Do you want to be able to play videos that users have uploaded directly to your Bubble app? Or maybe you’re hosting videos on AWS or Wasabi but can’t figure out how to play them with the standard Video element? The Universal Video Player allows you to play videos from any of these locations. It also comes with a bunch of other actions and states that give you full control over how videos are played in your app.


▶️ Play videos directly from your Bubble database
Allow users to play videos that have been uploaded to your app or are hosted on an external database

▶️ Playlist support
Multiple videos can be played in a row

▶️ Autoplay videos
Start playing videos based on conditions and events that you define

Other benefits
• Plays all standard HTML5 formats, YouTube and Vimeo
• Loop: automatically restart a video once it has finished
• Customise the look of your video player using 1 of 5 themes
• Mobile UI: tap the screen to rewind/fast-forward, rotate phone to go to fullscreen
• Full screen mode
• Dynamically adjust the volume and mute/unmute
• Add a waveform to your video player
• Monetize your videos using Vast/VPAID
• Supports HLS and DASH (even where they're not natively supported)

The Universal Video Player comes with many more features - see the documentation below for a full overview.


ℹ️ Documentation
The Universal Video Player plugin comes with detailed instructions:

https://foregoing-gander-745.notion.site/Video-Youtube-Vimeo-Audio-Player-ea703c85b7a3472090bfccca65db1727


🔗 Demo app
A demo of the plugin can be found at the following link:

https://plugin-protos.bubbleapps.io/version-test/universal-player

Editor link:
https://bubble.io/page?type=page&name=universal-player&id=plugin-protos&tab=tabs-1


Detailed video tutorials
The Universal Video Player plugin comes with a number of detailed video tutorials that show you how to get up and running quickly.

How to play videos uploaded to your Bubble app



How to autoplay a video




Support
If you have any questions about how to configure the plugin or are having problems with it, you can leave a comment on the plugin forum post:

https://forum.bubble.io/t/new-plugin-html5-video-youtube-vimeo-audio-player/212422
I read every comment and will respond to you if you have a problem.


Product updates
If you'd like to hear about new updates we release for the Universal Video Player, you can sign up for our monthly newsletter at the link below:

https://www.cranfordtech.com/newsletter


Need help building your Bubble app?
You can hire us to build your app for you. Get in touch via the link below:

https://www.cranfordtech.com/hire-us


What’s next
If you like our Universal Video Player plugin, then consider checking out our other projects:

Stripe Connect - Marketplace - The easiest way to manage payments, onboard sellers and effectively run your marketplace app
DocuPotion - Delight your users with beautiful PDFs, designed exactly the way you want
Charles - Turn your Bubble app into a Chrome extension
A+ Product - Onboarding Tour - Introduce users to your app in style with a custom onboarding tour
Beautiful Maps - Mapbox - Add incredible maps to your app
Stripe Checkout (Shopping Cart) – The perfect plugin for eCommerce apps - create shopping cart experiences, add sales tax, shipping rates and more
Simple Slider Input - Create custom sliders that go far beyond the native slider option


$99

One time  •  Or  $10/mo

4.8 stars   •   8 ratings
1.5K installs
This plugin may track or collect your data. Learn how.

Other actions

Platform

Web

Contributor details

Cranford Tech logo
Cranford Tech
Joined 2021   •   17 Plugins
View contributor profile

Instructions

Data collection and tracking

We use PluginPulse to improve our plugin through analytics and performance tracking. You can read about which data is collected in their data tracking guide here - https://pluginpul.se/data-tracking-guide

Types

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

Categories

This plugin can be found under the following categories:
Video   •   Media   •   Mobile   •   Productivity   •   Small Business   •   Visual Elements

Resources

Support contact
Tutorial
Forum

Rating and reviews

Average rating (4.8)

Brilliant product & support
March 14th, 2025
I am so glad I chose this plugin. It works like a dream. I am not technical and was worried about the set up on this but Alex has been amazing from day dot, any questions I had they were answered not only promptly but also with such detail that I managed to get everything set up very quickly. Thank you Alex, and great product, for displaying videos, its displays videos like a true professional
Thank you for the kind review. I'm happy you're finding the plugin useful!
March 14th, 2025
  •  
Cranford Tech
Works great!
November 20th, 2024
Easy to use and modify. Very happy with the results.
Thanks for the kind words! Glad our plugin was useful :)
November 21st, 2024
  •  
Cranford Tech
Everything works well but cannot set the Roundness of corners.
April 18th, 2024
It is a good video player. Easy to set the responsive attributes. But somehow, the roundness set doesn't work. That make it unusable for me. Could you help solve this issue and I will change the rating to 5 starts? Thanks!
Hi Grady, I know we discussed this via email, but just wanted to follow-up here in case anyone sees this in the future. You can add roundness to the corners of the Video Player element by: 1. Adding a HTML element to the page of your Bubble app where the player is present 2. Add the following snippet of code to the HTML element: <style> .video-js { border-radius: 20px; overflow: hidden; } </style> I've set the roundness to 20px in the above example, but you can easily change it to whatever value you like by modifying the 'border-radius'. This method will apply the roundness to ALL instances of the video player element. You can also apply different roundness values to different instances by using ID attributes. If anyone wants to see how this is done, you can see further details in the plugin documentation here: https://plugin-protos.bubbleapps.io/version-test/universal-player
May 13th, 2024
  •  
Cranford Tech
Cranford should be acquired by bubble
March 26th, 2024
Everything this company makes is fantastic. Their plugins should just be native to Bubble :)
I think this is my all-time favourite review! Thank you :)
March 27th, 2024
  •  
Cranford Tech
Love this plugin!
March 20th, 2024
It's one of my favourites! And it has the best implementation support. There's great documentation, videos, and a plugin creator who is very responsive.
Thanks Jordana! Best of luck with your app :)
March 21st, 2024
  •  
Cranford Tech
Bubble