logo

Video Player Plugin for Bubble

Demo to preview the plugin:

Introduction

This Video Player plugin allows you to play most video formats simply by uploading a static file, dynamic URL or playlist. Its advanced features allow you to set the speed of the playback, enable auto-play, auto-replay at the end, workflows to play next, previous, first, last video. You can also customize the colors of the play button and the color of the playing bar.

How to install

Place the plugin element on the page and fill in the settings fields

Plugin elements

Video Player (deprecated)

- is provided as is and not maintained.

New VideoPlayer

Image without caption

Element params

  1. Theme Dropdown - Select one of the suggested topics from the list ***Default, Black & white, Highlight Green, iPlayer Rose, iPlayer Red
  1. Upload video or type youtube link in the dynamic input Video source. It can be either a link to one video or a list of links in the database
  1. Add video poster Image source. Allows you to upload an image to use as a poster for a video
  1. Video playing speed Dropdown - Select one of the suggested playback speed modes 0.25x, 0.5x, 1x, 1.5x, 2x, 3x
  1. Remove full screen button Checkbox - Choose whether to show or not to show the fullscreen button
  1. Play video automatically on load Choose whether to start playing the video when the page loads or not
  1. Display button to change playback speed Choose whether to display the button to change the playback speed or not !!!Can not be used with YouTube videos!!!
  1. Play video on mouse hover Select whether the video plays on mouse hover or not
  1. Prevent the player bar from disappearing Choose whether to prevent the player panel from disappearing or not !!!Can not be used with YouTube videos!!!
  1. Show control panel first Choose whether to show the control panel before starting the video or not NOTE! Don't forget to make sure that the "Disable Control Panel" checkbox is unchecked
  1. Hide playback button when video isn't playing Choose whether to hide the play button when the video is not playing, or not
  1. Replay video when over Choose whether to replay video when it ends or not
  1. Muted video Choose whether to turn off the volume in the video or not
  1. Playing bar color Choose a color for the control panel
  1. Play button color Choose a color for the play button color
  1. Progress bar color Choose a color for the progress bar color
  1. Landscape lock Lock / unlock landscape mode
  1. Disable control bar Enabling/disabling the display of the control panel

Return value

Value name
Description
Type
Playback finished
Returns true when the video was finished
boolean (yes/no)
Playback position (s)
Get the position of the video being played in seconds
Number
Is Playing
Returns true when playing a video
boolean (yes/no)
Media Length
Get the duration of the video
String
Video Not Found
Return true when video source not found or incorrect
boolean (yes/no)
Current video
Return the source of current video
String

Events

Name of event
Description
Ended
Triggered when the video has been finished
is Playing
Triggered when the video is playing
Playlist ended
Triggered when the playlist ended

Actions

dynamic_link(depricated) - depricated action
Image without caption
Play next video - Action to play the next video from the list or from the inserted URL Params: Video URL -(optional) source to video for play
Image without caption
Play previous video - Action to play the previous video from the list Params: -
Image without caption
Play - Play video at the current URL from the list Params: -
Image without caption
Pause - Pause video at the current URL from the list Params: -
Image without caption
Set playback position (s) - Set the playback position to play from the inserted time. In seconds Params: Seconds - The time in seconds from which to start playback
Image without caption
Play first video - Play first video from the list Params: -
Image without caption
Play last video - Play last video from the list Params: -
Image without caption
Fullscreen mode - Start the video in full-screen mode Params: -
Image without caption
UNMUTE YT - Action to unmute the Youtube video Params: -
Image without caption

Workflow example

Image without caption
Image without caption
Image without caption
Image without caption
Image without caption

Changelogs

Update: 28/06/2022 - Version: 2.41.0

  • fixed - issue with YT links

Update: 14/08/2022 - Version: 2.42.0

  • fixed plugin element collapse.

Update: 29/09/22 - Version: 2.47.0

  • Added "Poster" field in the "Play next video" action

Update: 07/10/2022 - Version: 2.48.0.

  • Adapted to the new responsive engine

Update: 17/11/2022 - Version 2.50.0

  • Fixed simultaneously playing two audio tracks