Hi,
I’m a software enginee, new to Bubble, and I was wondering if I would need to build my own custom plugin to build a mobile app with an embedded video player?
I’d like to build something like this for example
There is a video in the middle and then styled controls below.
What do you think is the best way to build this?
Thanks.
Christophe
PS: yes, the photo looks weird. Thank you AI
I would recommend Natively for the mobile app wrapper part of this project: https://www.buildnatively.com/
and using one of the several video player plugins. I prefer and use VideoJS Advanced [PLUGIN] - VideoJS Advanced + YouTube, Vimeo, Wistia, HLS, DASH, MUX, Pre-roll Ads (plus more) Generally speaking, you can customize the appearance of those apps using CSS or custom actions if you just want to create your own play controls like in your example.
I use this combination for an app where the focus is on video educational content and it’s been working great.
1 Like
hey thanks for your answer @flowtron
I took a quick look to the plugin advised, looks good, I’ll give it a try.
For Natively, from what I understood, I should first create my app, responsive, and then convert it to Mobile. Is that correct?
However, I would still be interested in knowing what’s the best way to create my own player if the one above is not what I’m looking for.
As far as the app, basically yes. Everything you learn about responsive will carry over to the mobile app. There are some additional tricks you’ll want to learn as well as learn the functionality that the Natively plugin adds, but a responsive site is 85% of the way there.
In order to create your own you would need to take a player like VideoJS and write your own plugin for it with JS in Bubble. You could write your own video player altogether in JS but I would not advise this. There are so many variations in platforms you would need to support it’s just not super tenable right now unless you have real engineering resources to put behind it.
here are so many variations in platforms you would need to support it’s just not super tenable right now unless you have real engineering resources to put behind it.
Wise. As the only resource is… me.
Thanks!
Haha yeah. And it sounds like you basically want to have complete control over the visuals of your app, which is entirely possible using that existing plugin. It also integrates very well with Mux, a popular hosting platform for live and VOD content (although it is definitely not exclusive to that).
No, I think there’s no need to build your own custom plugin to enable video. Bubble offers several existing plugins to help you embed video players for mobile devices.
There are two plugins available there: Zeroqode, and Universal Video Player to achieve your requirements.