Video Player

Create video elements simply and quickly with our "Video Player" plugin. Only use native bubble elements such as: Shape or Group to apply a video player to your application. Provide the element ID, set the file URL, thumbnail, file type and ready, your video player will be working!
"Video Player" is a plugin that aims to apply a video player to your application in a simple and fast way, just using native bubble elements such as: "Shape" and "Group". The plugin will work better with these two elements, however you can use any bubble element to apply the video player to your application.

Using Shape or Group will give you the freedom to set the height and width of your element however you want, as well as being able to work with your app's responsive layout.

➡️ Feel free to look at the example at the link: https://acampamentonocode-plugins.bubbleapps.io/version-test/video_player

➡️ Feel free to look at the editor at the link: https://bubble.io/page?type=page&name=video_player&id=acampamentonocode-plugins&tab=tabs-1

➡️ Instructions

To start using the plugin is very simple, just following the steps below you will have a video player on your website in a few seconds in your application.

    1 - Create an element in your application of type "Shape" or "Gruop" and set an "ID Attribute" to it.
    2 - Place the "Video Player" element on your page. The element settings panel will open and now you will need to enter the data for everything to work. Are they:
         - Element ID: Here you will inform the value of the "ID Attribute" that was defined in the element created in the first step.
         - Video (src): Here you will inform the URL of the video that should appear to the user.
         - Video (Thumbnail): Here you will inform the thumbnail image of the video.
         - Video (type): Here you will inform the type of file informed in the field "Video (src)". (Default: mp4)
         - Video (Autoplay): Here you will inform if the video should start alone or not.
         - Video (Volume): Here you will inform the player's volume. The value is defined by percentage. (Default: 100)
         - Video (Start): Here you will inform the value in seconds of the starting point of the video. (Default: 0)
         - Video (Language): Here you will inform the language of your video player.
         - Video (Keyboard Navigation): Here you will inform if the user can command the player with keyboard shortcuts or not. (Default: no)

    3 - After entering the values of the fields informed above, your video player will be ready!