Easy Video Player #mp4

✅

Link to the plugin page: https://zeroqode.com/plugin/easy-video-player-mp4-plugin-for-bubble-1709591399142x958522151739430900

Demo to preview the plugin:

✅

Live Demo: https://vjstesting.bubbleapps.io/?utm_source=zeroqode&utm_medium=referral&utm_campaign=btn_demo_plugin

✅

Bubble Editor: https://bubble.io/page?version=live&id=vjstesting&tab=Design&type=page&name=index

Introduction

The Easy Video Player #mp4 plugin allows you to embed a smooth, modern, and fully customizable video player inside your Bubble app. It supports local video files as well as streaming links and integrates seamlessly with Bubble workflows through exposed states and custom events.

Built on a reliable third-party video library, this plugin ensures stable playback, modern controls, and full styling flexibility.

Key Features

Prerequisites

A Bubble app page where the video player will be placed.

A valid video source:

Direct .mp4 file (uploaded or external link), or
Supported streaming link (YouTube, Vimeo, etc.).

Basic understanding of Bubble workflows (for events and states).

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Configure Properties

Plugin Element Properties - Easy Video Player

Fields

Title	Description	Type
	— Set Up 🧰 —
Upload Video	Upload a video from your local storage. Do not set a Video URL if you want the uploaded file to be used in the player.	File
Poster	(Optional) Poster for the uploaded video. If not set, the poster frame will be taken from the video itself.	Image (optional)
Video URL	(Optional) URL of the video. If provided, the player will load the video from this URL.	Text (optional)
Loop	Determines whether the video should loop back to the beginning once it ends.	Checkbox (yes/no)
Autoplay	Specifies whether the video should start automatically when loaded. Some browsers may restrict autoplay under certain conditions.	Checkbox (yes/no)
Muted	Specifies whether the video should start with audio muted.	Checkbox (yes/no)
	— Controls 🎛 —
Show Controls	Determines whether the video player controls (play, pause, volume, etc.) should be displayed.	Checkbox (yes/no)
Enable Hotkeys	Enables hotkeys for controlling the video (e.g., `f` for fullscreen, `m` for mute, `spacebar` for play/pause).	Checkbox (yes/no)
Arrow Keys Skip	Allows users to fast forward or rewind using arrow keys.	Checkbox (yes/no)
Amount to Skip	(Optional) Number of seconds to skip forward or backward when using arrow keys.	Number (optional)
	— Style ✨ —
Theme	(Optional) Select a theme for the video player. Customization options below only apply to the `custom` theme. Available options: `custom`, `city`, `fantasy`, `forest`, `sea`.	Dropdown (optional)
	Default Theme Custom 🎉 (Applies only when theme is set to `custom`)
Background Color	(Optional) Set the background color of the video player.	Color (optional)
Foreground Color	(Optional) Set the foreground color (text/icons) of the video player controls.	Color (optional)
Progress Bar Color	(Optional) Set the color of the progress bar in the video player controls.	Color (optional)
Center Button	(Optional) Determines if the play button on the poster (before the video starts) should be centered.	Checkbox (yes/no) (optional)
Button Height	(Optional) Height (in `em`) of the play button on the poster.	Number (optional)
Button Width	(Optional) Width (in `em`) of the play button on the poster.	Number (optional)
Controls Radius	(Optional) Border radius (in `px`) of the video player controls.	Number (optional)

Title	Description	Type
Status	The current playback state of the video, e.g., Playing, Paused, or Ended.	Text
Is Muted	Indicates whether the video is currently muted (yes) or not (no).	Checkbox (yes/no)
Current time (s)	The current playback position of the video in seconds.	Number
Total Duration (s)	The total length of the video in seconds.	Number
Remaining time (s)	The remaining time left in the video in seconds.	Number
Current Time (formatted)	The current playback time formatted as MM:SS or HH:MM:SS.	Text
Is Playing?	Indicates whether the video is currently playing (yes) or paused/stopped (no).	Checkbox (yes/no)
Total Duration (formatted)	The total length of the video formatted as MM:SS or HH:MM:SS.	Text
Remaining time (formatted)	The remaining time in the video formatted as MM:SS or HH:MM:SS.	Text
Volume (%)	The current volume level of the video, expressed as a percentage (0–100).	Number

Title	Description
Reached the end of the video	Triggered when the video playback reaches the end. Useful for workflows like autoplaying the next video or showing a completion message.
The video is playing	Triggered when the video starts or resumes playing. Can be used to update UI elements or trigger related actions.
The video has been paused	Triggered when the video playback is paused. Can be used to pause timers, animations, or other dependent workflows.

Easy Video Player #mp4

Demo to preview the plugin:

Introduction

Prerequisites

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Configure Properties

Plugin Element Properties - Easy Video Player

Fields

Element Actions

Exposed States

Element Events

Workflow example

Workflow 1: Play or Pause the Video

Workflow 2: Toggle Fullscreen Mode

Changelogs

Update 18.07.25 - Version 1.9.0

Update 12.06.25 - Version 1.8.0

Update 30.05.25 - Version 1.7.0

Update 17.05.25 - Version 1.6.0

Update 20.07.24 - Version 1.5.0

Update 13.06.24 - Version 1.4.0

Update 01.04.24 - Version 1.3.0

Update 07.03.24 - Version 1.2.0

Update 05.03.24 - Version 1.1.0

Update 08.12.23 - Version 1.0.1

Update 05.09.23 - Version 1.0.0

Update 31.08.23 - Version 0.0.6

Update 31.08.23 - Version 0.0.5

Update 31.08.23 - Version 0.0.4

Update 31.08.23 - Version 0.0.3

Update 31.08.23 - Version 0.0.2

Update 21.07.23 - Version 0.0.1