YouTube
Elevate your no-code SaaS with YouTube integration in Bubble.io, empowering solopreneurs to seamlessly embed videos and leverage the world's largest video platform for engaging content delivery and user experience enhancement.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2adaa99e7cd24431bb_How-to-add-a-YouTube-video-to-your-Bubble.io-app-using-dynamic-data.png)
How to add a YouTube video to your Bubble.io app using dynamic data
In this Bubble.io tutorial video we demonstrate how to add a YouTube video to your Bubble.io by storing the video ID in your database and filling in the Video element source with dynamic data.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2935d72661d1871d2a_37mMzVeyrNQ-HD.jpeg)
How to display YouTube videos using embed code and dynamic data on Bubble.io
In this Bubble.io video tutorial we show how to embed a YouTube video in your Bubble app with dynamic data taken from your database.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2afe4b8fd45626dee0_RVnGs7fgtsw-HD.jpeg)
How to embed YouTube videos on Bubble.io using embed code
In this Bubble.io tutorial video we demonstrate how to embed a YouTube video in your Bubble app without using the built in video element. This tutorial uses the HTML / Custom code visual element.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3488daf7e2085b59d1_How-to-extract-YouTube-video-ID-from-a-YouTube-link-in-Bubble.png)
How to extract YouTube video ID from a YouTube link
In this Bubble tutorial we demonstrate how to extract a YouTube video ID from a full YouTube URL. This video includes how to factor for YouTube shortened links and the presence of additional data (query strings) within the YouTube URL.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a28f020724bcc38c405_rFW87r7jz7k-HD.jpeg)
Bubble's Responsive Design vs its New Responsive Design Engine
In this Bubble.io tutorial video we discuss the differences between the old UI Builder and the new Bubble Responsive Engine that launched in June 2022.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3c8f81b44f9f3574c5_Creating-a-sidebar-with-mobile-menu-in-Bubble.io_.png)
Creating a sidebar with mobile menu in Bubble.io
This Bubble.io tutorial demonstrates how to layout a dashboard app that has a left sidebar with a mobile menu in Bubble. This video explores how to show and hide elements as the page width changes.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5b7c16ef607b9257bd_Securely-Generate-Verification-Codes.png)
How to securely generate a verification code
In this Bubble.io tutorial video we demonstrate the right and secure way to generate a verification code. Remember that any data used in a front end workflow can be accessible to the user so we need to use backend workflows to complete this task.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670abd877d45c5e1bc2c90_2.png)
OpenAI, Markdown & Bubble.io
Learn how to integrate OpenAI with your Bubble.io app to create a more visually appealing presentation of your data using Markdown.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a48acc92f4c544a737b_Comparing-Speech-to-Text-APIs-for-Bubble-Whisper-AssemblyAI.png)
Comparing Speech to Text APIs for Bubble - Whisper AI & AssemblyAI
In this Bubble.io tutorial we discuss and compare two speech recognision or speech to text APIs: the latest release of Whisper API by OpenAI and AssemblyAI. Although more expensive the AssemblyAI API works better with Bubble in several key ways.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1db5367ccb52b97a63_6DOPM-7ZJPA-HD.jpeg)
How to customize buttons in Bubble.io and button UX tips
In this Bubble.io tutorial video we demonstrate how to customize button elements in the Bubble UI editor. We also discuss why using a hover effect can improve UX (user experience) for your app users.