You can display videos by using:
A URL of an mp4
A YouTube link
A Vimeo link
Helpful links to get you started:
How to Install the "Video Player Bundle" plugin
Step 1: Log into the bubble app go to the Plugins Tab and click on ADD PLUGIN
Step 2: Search "Video Player Bundle" By "Tech Blocks" and click on "Buy"
Click here to watch the Video on how to install a plugin
4 Steps to add the Video Player element:
Step 1: Once you've installed the Video Player Bundle plugin, add the Video Player element to your page
Step 2: Provide URL (MP4 URL/YouTube URL/Vimeo URL)
Step 3: Add appropriate configuration settings to the element
Configuration Settings Definitions
Plugin Property | Description |
Video URL | The URL of the video to be played. |
Playing - Scrub Bar Color | Color of the progress bar when the video is playing. |
Play Button Color | Color of the play button when the video is paused or stopped. |
Playing - Scrub Bar Color | Color of the progress bar when the video is playing. |
Play Button Color | Color of the play button when the video is paused or stopped. |
progress_bar_color | Color of the video progress bar during playback. |
Thumbnail Image | Image to display as the thumbnail for the video before it is played. |
Play Automatically? | Specifies whether the video should start playing automatically when loaded. |
Video Speed | Controls the playback speed of the video (e.g., 1x, 1.5x, etc.). |
Muted by default? | Specifies whether the video should start muted by default. |
Show FullScreen Button? | Indicates whether the fullscreen button should be visible in the video controls. |
Disable Control Bar? | Disables the video control bar, hiding elements like play/pause, volume, and progress slider. |
Show Play Button? | Determines whether the play button should be visible before the video starts playing. |
Show Progress Slider? | Controls whether the progress slider (timeline) is shown to indicate video progress. |
Show Current Time? | Specifies whether the current time of the video should be displayed. |
Show Mute Button? | Determines whether the mute button should be displayed to toggle sound on/off. |
Show Volume Slider? | Indicates whether the volume control slider should be shown to adjust the audio level. |
Show Picture In Picture Button? | Controls whether the Picture-in-Picture button should be available to detach the video. |
Show Settings Menu With Playback Speed? | Specifies whether a settings menu, including playback speed options, should be shown. |
Step 4: Click Preview to View the Video Player in Run-Mode
