YouTube Video/Playlist Player

🔗 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

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

1. 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).
     
2. 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.
     
3. Customizable Playback Source
   
   • Integrate with Bubble's Repeating Group to dynamically display video thumbnails or titles.
     
4. Simplified Integration
   
   • Directly pass your video IDs to the plugin for smooth integration with your workflows.
     

How It Works

1. Add the Plugin to Your Application
   
   • Install the YouTube Video Player Plugin from the Bubble.io plugin marketplace.
     
2. 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.
     
3. 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.
       
4. 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!