Canvas Manual
Search…
v4.1
Introduction
Key Features
What's New
Canvas Design System Figma File
CANVAS FUNCTIONALITY
Getting Started
Branding & Design
Marketing Pages
Bubble Pages & Blocks
Roles & Permissions
Menus & Navigation
Data & Workflows
Emails & Alerts
Privacy rule checker
Miscellaneous
Reference
Bubble Best Practices
Learning Bubble Basics
Principles
Database
Design
Security
SEO
Speed
Modularity
Canvas library
Page templates
Blocks
Popups
Confirmation Popup
Message Popup
Image Popup
Video Popup
Vertical Scroll Popup
Edit Popup
Standard Form Popup
Subscribe Popup
Feedback / Contact Popup
Details Popup
Add List Popup
Advanced Form Popup
Rating Popup
Toggle Tabs Popup
Share Popup
Multi-Step Popup
Invoice Popup
Stripe Credit Card Purchase Popup
View Profile Popup
Send Message Popup
Multi-Select Pill Tabs Popup
Pricing Plans Popup
Reusables
Powered By GitBook
Video Popup
Use this to play a video in a popup.

Overview

A popup that displays a video.

Structure

This popup includes a Bubble video element. You can display a YouTube or Vimeo video. For more information, please read Bubble's reference on how to use this element.

How to set up

  • Modify Video's data source (YouTube or Vimeo) and update the video ID field (you can copy this from the ID shown in the URL when watching the video on YouTube or Vimeo).
    • YouTube video ID is usually 12 characters long
    • Vimeo video ID is usually 10 characters long
  • Add a workflow on the page to show Popup videoPopup. In the same workflow, before the show popup action, add a workflow step to Display data in Popup videoPopup. In the workflow, enter the video ID in the data to display field.
  • On the workflow tab, add a new event, and select When a popup is closed, reset Popup videoPopup.

Why is my video not showing?

  • Make sure your video on YouTube or Vimeo is not private
  • In your Bubble editor > Settings tab > General tab > Under privacy & security, check your cookies settings for Do not set cookies on new visitors by default
    • Since recently, Bubble has started to enforce the 'opt-in cookie policy' for apps that have the setting on/checked. This means that any embedded video or iframe will also inherit that setting, which has the side-effect of not working with YouTube or Vimeo's cookie policies as they do not allow playback in embedded frames to people that do not allow cookies. If you have this setting turned on, you need to either have a sign in or cookie consent workflow run before you show users embedded videos. Alternatively, you could turn this setting off my default.
Previous
Image Popup
Next
Vertical Scroll Popup
Last modified 2mo ago
Copy link
On this page
Overview
Structure
How to set up
Why is my video not showing?