Simple Vimeo Video Player

Demo to preview the plugin:

Introduction

This plugin enables playback of Vimeo videos in your Bubble application with advanced control options. It’s designed for creators, educators, and developers who want to embed Vimeo videos while maintaining full control over how and when playback occurs.
You can easily adjust parameters such as autoplay, mute, visibility of controls, looping, playback speed, and even customize the player color (for premium users).

Prerequisites

Before using this plugin:
  1. Make sure your Vimeo video is public or unlisted (not private).
  1. Copy the Video ID from your Vimeo video URL (for example, from https://vimeo.com/123456789, the Video ID is 123456789).
  1. Add the Vimeo Player element to your Bubble page.
Image without caption

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Configure Properties (Vimeo player responsive)

Plugin Element Properties - Vimeo Player

Image without caption
Image without caption
Fields:
Title
Description
Type
Video ID
Enter the unique Vimeo Video ID (e.g., 123456789). Learn more
Text
Autoplay
Automatically start playing the video when the page loads. Options: true, false. Learn more
Dropdown
Muted
Start playback with the sound turned off. Recommended when using Autoplay. Options: true, false. Learn more
Dropdown
Controls
Show or hide the player controls (play, pause, timeline, etc.). Options: true, false. Learn more
Dropdown
Loop
Replay the video automatically after it finishes. Options: true, false. Learn more
Dropdown
Autopause
Ensure only one Vimeo video plays at a time on the page. Options: true, false. Learn more
Dropdown
Background
Play the video as a background element (autoplay, muted, loop, and no controls). Options: true, false. Learn more
Dropdown
Byline
Display or hide the video creator’s name below the title. Options: true, false. Learn more
Dropdown
Color
Customize the player’s accent color (available for Vimeo Plus or higher accounts). Learn more
Color
Do Not Track
Prevent Vimeo from tracking session or analytics data. Options: true, false. Learn more
Dropdown
Plays Inline
Allow videos to play inline on mobile devices instead of fullscreen. Options: true, false. Learn more
Dropdown
Speed
Enable playback speed controls for users. Options: true, false. Learn more
Dropdown
Time to Start at
Set the timestamp where the video should begin playback (e.g., 1m10s or 23s). Learn more
Text
Title
Show or hide the video’s title overlay. Options: true, false. Learn more
Dropdown
Transparent
Make the video player’s background transparent. Options: true, false. Learn more
Dropdown

Plugin Element Properties - Vimeo Player responsive

Image without caption
Image without caption
Fields:
Title
Description
Type
Video ID
Enter the unique Vimeo Video ID (e.g., 123456789). Learn more
Text
Enable Autoplay
Automatically start playing the video when the page loads. Options: true, false. Learn more
Dropdown
Muted
Start playback with the sound turned off. Recommended when using Autoplay. Options: true, false. Learn more
Dropdown
Display Controls
Show or hide the player controls (play, pause, timeline, etc.). Options: true, false. Learn more
Dropdown
Loop
Replay the video automatically after it finishes. Options: true, false. Learn more
Dropdown
Enable Autopause
Ensure only one Vimeo video plays at a time on the page. Options: true, false. Learn more
Dropdown
Enable Background Mode
Play the video as a background element (autoplay, muted, loop, and no controls). Options: true, false. Learn more
Dropdown
Display Byline
Display or hide the video creator’s name below the title. Options: true, false. Learn more
Dropdown
Color
Customize the player’s accent color (available for Vimeo Plus or higher accounts). Learn more
Color
Do Not Track
Prevent Vimeo from tracking session or analytics data. Options: true, false. Learn more
Dropdown
Enable Plays Inline
Allow videos to play inline on mobile devices instead of fullscreen. Options: true, false. Learn more
Dropdown
Display Speed Control
Enable playback speed controls for users. Options: true, false. Learn more
Dropdown
Time to Start at
Set the timestamp where the video should begin playback (e.g., 1m10s or 23s). Learn more
Text
Display Title
Show or hide the video’s title overlay. Options: true, false. Learn more
Dropdown
Transparent Background
Make the video player’s background transparent. Options: true, false. Learn more
Dropdown
Image without caption

Changelogs