✔️ We highly recommend you visit our test page to understand how the plugin works. It's very simple, but seeing our example will help you a lot.






▶️ IF YOU ARE GOING TO PLAY A VIDEO THROUGH A YOUTUBE, VIMEO OR OTHER URL THAT IS NOT IN MP4:

1. Insert the ‘PRO video Player - Youtube/Vimeo Player’ element in your editor.

2. Fill in the Parameters:

• video Url: The url of the video youtube, vimeo, wistia and other players.
• Poster (Optional): Poster image displayed before video playback. Note that if you do not insert one, the poster image of the YouTube or Vimeo video will be captured automatically.
• Show controls?: Show controls? Controls are the buttons that usually appear at the bottom of the player, such as play/pause, video duration bar, volume, fullscreen, etc. Note that if you disable them, the user will not be able to see or click on these buttons. In the case of Vimeo videos, when you disable them, the video 'is born' without the controls, but the user will have the option to manually re-display them.
• Loop: Play the video again after it ends?
• Start muted: Start video on mute? Please note that on Vimeo videos this function is not working yet.
• Fluid fill: Fill element container with video?

The plugin element stores some states that you can capture and use in your application. Returned states:

• Current Time: Current time in seconds
• Remaining Time: Remaining time in seconds
• Duration: Duration time in seconds
• Playing: Is the video playing?
• Pause: Is the video paused?
• Ended: Is the video ended?
• Muted: Is the video muted?

You can also use some events in your workflows (for example: save something to the database when the video is paused). They are:

• Play: Fires on play (started or resumed)
• Pause: Fires on pause
• Ended: Fires on end of the video

The element also has some actions that you can call on a button, for example. They are:

• Play: Play the video
• Pause: Pause the video
• Mute: mute the video
• Full Screen: set video full screen

The plugin also has an additional action, which is special for YouTube videos. This action (which you can use without adding the element to the editor) is called: ‘Get Youtube Video Data’. It extracts some data from YouTube videos, such as title, thumbnails, likes, views, number of comments, etc. You just need to pass the URL of the YouTube video.


▶️ IF YOU ARE GOING TO PLAY A VIDEO FROM AN MP4 URL:
Note: You can, when using this plugin, add videos hosted in your bubble database, returning only their URL.

1. Insert the ‘PRO video Player – MP4 Player’ element in your editor.

2. Fill the Parameters:

• Video URL (MP4): The URL of the MP4 file.
• Show Controls?: Show/hide controls
• Auto Play: Start video when page loads?
• Muted: Set the video mute?
• Play inline: It works best on iOS devices
• Poster (Optional): Poster image displayed before video playback.

Exposed States

• Playing: Is the video playing?
• Paused: Is the video paused?
• Muted: Is the video muted? • Current Time: Current time in seconds
• Video Duration: Remaining time in seconds

Actions:

Play: Start to play or resume the video
Pause: Pause the video