Responsive Vimeo Video Embedding

Demo to preview the plugin:

Introduction

The Responsive Vimeo Video Embedding Plugin makes it easy to add fully responsive Vimeo videos to your Bubble app without any manual HTML or CSS setup.
Simply enter a Vimeo video ID, and the plugin automatically embeds and scales your video to fit all screen sizes — maintaining perfect aspect ratio and smooth playback across desktop, tablet, and mobile devices.
Key Features

Prerequisite(s)

There are no API keys or external configurations required for this plugin.
All you need is a valid Vimeo video ID (the numeric part of your video’s URL).
For example:
If your Vimeo link is https://vimeo.com/123456789, then your Vimeo Video ID is 123456789.

Image without caption

How to setup

Step 1. Install the Plugin

Step 2. Add the Plugin Element

Step 3. Configure the Vimeo Video

Step 4. Preview and test

Plugin Element - Embed Vimeo

This is the main element provided by the plugin. It handles the embedding and responsiveness of your Vimeo video.
Image without caption

Fields

Title
Description
Type
Vimeo Video ID
The unique numeric ID of the Vimeo video you wish to embed. Example: If your Vimeo link is https://vimeo.com/123456789, enter 123456789.
Text
Image without caption

Changelogs