[NEW PLUGIN] HTML 5 Video Element plugin

Showcase
1

Hi Bubble fellows,

i’ve made a new video plugin that is based on the HTML 5 Video Element.
This new plugin is an enhancement of the plugin ‘HTML 5 Video player’ by Moabe Vettore

it handles quite a number of the HTML Video Events + Functions, enabling you to create your own controls.

SCR-20230626-jwvo
SCR-20230626-jwvo956×651 24.6 KB

I haven’t yet included all the Element’s events or functions. Let me know the enhancements you want.

As of today, this HTML 5 Video element only plays .mp4, .webm and .ogg videos.

Moreover, this plugin is responsive.

The plugin page is here : BNS - HTML 5 Video Player Plugin | Bubble
And the Demo page is here : The NoCode Company Demos - Videoplayer plugin

Feel free to contact me if needed.

Guillaume
LinkedIn | Twitter

8 Likes
2

Noice! 🫶🫶🫶

1 Like
3

nice job, video is central to many bubble apps!

2 Likes
4

Amazing! Thanks Guillaume. :slight_smile:

1 Like
5

Amazing job @gmaison ! Can’t wait to give it a try

1 Like
6

[UPDATE TO 1.2.1]
i’ve decided to publish most of the significant events, properties and functions from the HTML 5 Video element.

You can now control the video element quite entirely, build table of contents to access directly timed positions in the video.
And quite all of the HTML 5 Video events are published too.

image
image907×1100 36.1 KB

Please have a look at the demo here : The NoCode Company Demos - Videoplayer plugin

As of 06/28/2023, there’s still a bug that prevents the plugin to be fully responsive. For now, you have to set a fixed height for the plugin.

Any feedback appreciated :slight_smile:

Best regards,

Guillaume

7

[UPDATE TO 1.3.0]

You can now even set the video source URL as a “blob:” or a “base64” string (starting with “data:mime/type;base64, …”)

1 Like
8

Sorry for bumping this topic, but does this support transparent webm?

9

If and only if your browser is able to do so.
This plugin is just a wrapper for Bubble for the standard HTML video element, which is handled by the browser…

10

I am having an issue with the loop feature, it’s set to “yes” in the element but the video stops at the end.

11

Hi Thanks for amazing plugin,
unfortunately loop doesn’t seem to work also
getting this error:
The plugin BNS - HTML 5 Video Player / element BNS - Video Player threw the following error: Error: Recursion when evaluating property AAF on element “BNS-VideoPlayer A”
at evaluate_property
{“message”:“Invalid package”}

12

Hi @guluagio

Sorry for late reply. Could you reproduce the error and post a loom or a screen shot of the javascript console where you should also have the error?

Thx!

Guillaume