Dynamically Changing Video Player Source Based on Repeating Group Selection

Need help
1

Hello everyone,

I am developing a feature in my Bubble.io application and need some guidance to make sure it functions as intended. Here’s a summary of what I’m trying to achieve:

Objective: I want to dynamically change the source URL of a video player based on user interaction within a repeating group. Specifically, my page has a repeating group that lists session names, each associated with a distinct video URL stored in my database.

Desired Functionality:

  • User Interaction: When a user clicks on a session name within the repeating group, the video player on the same page should update to play the video associated with the selected session.
  • Repeating Group Configuration: The repeating group is populated with data from a ‘Sessions’ data type, where each session contains a name and a corresponding video URL.
  • Video Player Behavior: Upon clicking a session name, the video player should load and play the video URL linked to the clicked session.

Current Setup:

  • The repeating group correctly displays the session names.
  • I have a video player ready on the page to display the videos.
    the data base is ready and all set the url is in the data base for each session .
2

When an element/group in a cell is clicked, just display the current cell data to the group where your video player is.

The video player’s source would then reference to the parent group’s vide URL

1 Like
3

This topic was automatically closed after 70 days. New replies are no longer allowed.