[New Plugin] HTML5 Video Player with Floating Capability

bancosapps · December 18, 2018, 6:37am

Hello everyone! I have just released a new HTML5 Video Player that supports any video format that HTML5 supports. You can upload your own Static File or use a Dynamic Link as the Video Source.

It also supports “Floating” or “Sticking” to a corner as you scroll below the video. You have the following options to configure the Floating Video:

Floating Video Supported Positions:
Top Left
Top Right
Bottom Left
Bottom Right

If you need to further customize the position so that it’s not all the way in one of the corners, you can add Horizontal Padding and Vertical Padding to move it away from the chosen position. For example, if you chose to stick the video in the Bottom Right of the screen, you could move the video 100px to the left and 100px up by setting the following values:
Floating Video Horizontal Padding: 100
Floating Video Vertical Padding: 100

Here is a sample of the plugin in action:

video_demo

Notable Features:

Floating Video - When a user scrolls past the video, a “floating” video can stick to the side of the screen so that the video can continue to be watched as the user scrolls.
Disable Right Clicking - Disable right clicking on the video so that it is more difficult to download/save the video from the webpage.
Disable Auto-Fullscreen - On many mobile devices, when a video starts playing it will default it to Full Screen mode. Using this video player, you can disable that and let the video play within the web page instead.
Auto Play - You can have the video automatically start playing when the video source loads.
NOTE: Some browsers disallow this functionality unless the video is muted.
Hide Native HTML5 Video Controls - You can hide the default Video controls so that you can use your own buttons to control the video.

Supported Element Actions:

Play
Pause
Set Video Position
Set Playback Speed
Set Volume
Toggle Mute
Toggle Play/Pause

Supported Events:

Video Ended
Video Started to Play
Video Paused
Video Seeking Started
Video Seeking Completed
Video Position Changed
Volume Changed
Media Started Loading
Media Finished Loading

Plugin Page:

Demo page:

If you have any questions, concerns, or feature requests, feel free to reach out to me at [email protected]

I appreciate any feedback or suggestions!

di_lucena · December 18, 2018, 8:52am

This looks amazing!
I am working on a project in wich I need to set a playlist for every user and give them the ability to play their videos continuosly.
Is this possible with this plugin?

bancosapps · December 18, 2018, 4:20pm

The way the playlist could work with this player right now is that you could have an Event triggered when a video ends, and then you could use the Dynamic Link to control the next video that you want played.

For example, when the Video Ends, you would have the Event set up to change the value of what the Dynamic Link is which would then start the next video. However, that would require you control the playlist and which videos would play next.

If you would like this to be supported in a more integrated way, I’d be happy to hear what your thoughts are for how you would like it to work and I can add it as a new feature.

taylor2 · December 18, 2018, 5:12pm

Very cool! This will be very useful on my app. I’ll give it a test this week and reach out to you if I have any questions!

batuhanbilginn · December 19, 2018, 7:53pm

Hi, thanks for this. Does the plugin support Vimeo?

bancosapps · December 20, 2018, 5:42am

Right now it should support the Vimeo direct links, but it won’t support the Vimeo videos that don’t provide direct links.

I’m looking into a solution to support the native Vimeo and YouTube video players in addition to the native HTML5 player to be able to handle all Vimeo/YouTube videos.

boostsalesgroup · February 20, 2019, 10:49pm

I just subscribed… Everything seems perfect. Does it support files that are private in bubble?

bancosapps · February 25, 2019, 3:46am

Hi @boostsalesgroup, yes you should be able to play files that are private in bubble. As long as you have the link to the private file, you can provide that as the Video Source.

If you find you are unable to use those videos with my Video Player for some reason, feel free to reach out to me at [email protected] and I can help figure out what is going on.

Thanks for the subscription!

boostsalesgroup · February 25, 2019, 8:24am

Hi @bancosapps! I was able to get it work. I think it was my bad in a first place when I set it up.

One thing that comes to my mind… It would be nice to have a option to loop the video.

bancosapps · February 25, 2019, 6:51pm

@boostsalesgroup, I think that’s an excellent idea. I will include the “loop” feature in my next update and I can let you know when it is available. Thanks!

bancosapps · March 6, 2019, 6:03am

@boostsalesgroup, I have now added the option to Loop the video so it will automatically start playing again when the video has finished. There is a new Checkbox on the Plugin called “Looped” to turn on/off this feature.

Thanks for the suggestion!

Sam · May 17, 2019, 10:06am

Hi,
Does the autoplay work on mobile? full screen only or floating as well?

Thanks

bancosapps · May 18, 2019, 6:20pm

Hi Sam,

The autoplay should work on mobile, however many mobile web browsers will prevent autoplay from happening unless the video is muted.

Depending on what you would like to do with autoplay, there are various options to work within the mobile browser restrictions. If you have a particular use case in mind for how you would like it to work, I’d be happy to hear what that is to see if it’s something that could be supported within the mobile browser restrictions.

You can also email me at [email protected] if you would like help on how to get certain functionality working with the HTML5 Video Player.

Sam · May 19, 2019, 5:38am

Hi Bancosapp,

Thanks!
The idea is to autoplay whenever the video player is visible in a repeating group / and stop when not visible.
Is this feasible?

Thanks

ben4 · June 21, 2019, 12:14am

Hey there, I am loving the plugin, i am using it everywhere. However, today when i added it to another page in my app, it isn’t able to recognize the Vimeo direct link or any youtube links. Does it actually work with youtube? if so, what link should I be using, I don’t know if youtube having another link. Any suggestions?

bancosapps · June 21, 2019, 9:25pm

Hi @ben4,

The Vimeo Direct Links should work, but currently the Youtube videos likely won’t work since they don’t offer any direct links.

I do plan on creating a separate Youtube Video Player plugin with many of the same features, but it will use Youtube’s Video Player instead of the default HTML5 Video Player like my current plugin uses. So it will be limited to what their video player supports.

As for your Vimeo Direct Link problem, if you send me an email at [email protected] I’d be happy to help troubleshoot what could be happening there.

Thanks

Sam · August 19, 2019, 10:31am

Hi,

Would be fantastic if you could integrate a Chromecast feature as well.

hello.vunela · November 6, 2019, 5:41pm

Hi. I was just wondering do you offer video playlist? like youtube playlist feature? Thank you.

nicola.kegel · January 8, 2020, 12:53am

Hi @bancosapps,

just like @hello.vunela I am looking for a video player that allows to play a video playlist. Is that something the HTML5 Video Player can do?
It is absolutely crucial for my app and so far I cannot find a video player in bubble that behaves well on mobile and does enable playlists.

Thank you,
Nicola

bancosapps · January 10, 2020, 4:59am

Hi @nicola.kegel the HTML5 Video Player plugin doesn’t currently directly support playlists, however it does support dynamically changing the Video if there was a Playlist separate from my plugin that could control which video was to be played.

Do you have specific examples of how you would like the Playlist functionality to work with the Video plugin? Feel free to email me at [email protected] if you would like to discuss how you would like the Playlist to work.