MARKETPLACE
PLUGINS
YOUTUBE VIDEO/PLAYLIST PLAYER
YouTube Video/Playlist Player logo

YouTube Video/Playlist Player

Published December 2024
   •    Updated January 2026

Plugin details

The YouTube Video Player Plugin is a seamless solution to integrate YouTube video playback functionality directly into your Bubble.io application. With support for playlists, individual video selection, and navigation controls like "Next" and "Previous," this plugin enhances the video experience for your users while keeping everything simple and customizable.
Transform your app into an engaging platform with the YouTube Video Player Plugin!

Key Features

Play YouTube Videos with Ease
Supports playback of videos by providing a list of video IDs from a data source (e.g., playlist or channel).
Dynamic Controls
Play Next Video: Automatically navigate to the next video in the playlist.
Play Previous Video: Go back to the previous video in the playlist.
Select Video: Allow users to choose any video to play dynamically.
Customizable Playback Source
Integrate with Bubble's Repeating Group to dynamically display video thumbnails or titles.
Simplified Integration
Directly pass your video IDs to the plugin for smooth integration with your workflows.

How It Works

Add the Plugin to Your Application
Install the YouTube Video Player Plugin from the Bubble.io plugin marketplace.
Set Up the Plugin Element
Drag the "YouTube Video Player" element onto your Bubble page.
Define your playlist as a list of YouTube video IDs using Data API call of plugin to get the list of video IDs.
Integrate Dynamic Controls
Repeating Group Setup:
Use a repeating group to display your playlist (e.g., video thumbnails or titles fetched using plugins Data API call).
Create a clickable button or group for each video in the repeating group.
Workflows:
Add a workflow to trigger the Select Video action and pass the selected video current index-1.
Implement Navigation Buttons
Add buttons for Next and Previous video navigation.
Trigger the respective plugin actions (Play Next and Play Previous) from workflows to navigate through the playlist

Workflow Actions

Play Next: Automatically plays the next video in the playlist.
Play Previous: Plays the previous video in the playlist.
Select Video: Dynamically select and play a video based on its video ID.

With the YouTube Video Player Plugin, you can effortlessly build video-heavy applications with full control over playback and navigation. Create interactive playlists, let users choose their favorite videos, and keep your app engaging!

🔗 Demo Page: https://chakor-plugins-demo-4.bubbleapps.io/version-test/youtube_video_playlist_player

🔗 Editor Link: https://bubble.io/page?id=chakor-plugins-demo-4&test_plugin=1726150216647x153146188879888400_current&tab=Design&name=youtube_video_playlist_player&type=page

Our team is available to solve any problems or questions you may have, please open a thread on our support forum: https://forum.thechakor.com/t/plugin-

$25

One time  •  Or  $4/mo

stars   •   0 ratings
6 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

How It Works
Add the Plugin to Your Application
Install the YouTube Video Player Plugin from the Bubble.io plugin marketplace.
Set Up the Plugin Element
Drag the "YouTube Video Player" element onto your Bubble page.
Define your playlist as a list of YouTube video IDs using Data API call of plugin to get the list of video IDs.
Integrate Dynamic Controls
Repeating Group Setup:
Use a repeating group to display your playlist (e.g., video thumbnails or titles fetched using plugins Data API call).
Create a clickable button or group for each video in the repeating group.
Workflows:
Add a workflow to trigger the Select Video action and pass the selected video current index-1.
Implement Navigation Buttons
Add buttons for Next and Previous video navigation.
Trigger the respective plugin actions (Play Next and Play Previous) from workflows to navigate through the playlist

Workflow Actions

Play Next: Automatically plays the next video in the playlist.
Play Previous: Plays the previous video in the playlist.
Select Video: Dynamically select and play a video based on its video ID.

Types

This plugin can be found under the following types:
Api   •   Element   •   Action

Categories

This plugin can be found under the following categories:
Media   •   Technical   •   Video   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble