Youtube videos in Webview

Hello Armin,
Here is an example related to your concern: opening a list of videos via webview, with another option using openvideo. For the example, I used Airtable as a database containing the names of the videos, the associated images, the video URLs for webviews, and the MP4 files for smoother playback. The screenshots are provided below for better clarity.
1.

At the Figma level, I have organized the project with four frames: Menu (Home and Video), Home, Video Detail, and Video Internal.

- Home: This frame contains the list of videos retrieved from Airtable.

- Video Detail: Allows the playback of videos based on the selected video from the Home page.

- Video Internal: This frame directly opens the selected video.mp4, retrieved from Airtable based on the chosen video in the Home page's video list.

In Bravo Studio, retrieving data from the database is done within the Api Collection of Bravo Studio, particularly through GET requests such as "GET Api Video List" and "GET Api Video Detail," as shown in my example below.

This configuration enables specific access to the list of videos and the details of each video within the application.

Before obtaining the result, please perform the following synchronizations:

- In the "Home" frame and the "Video Internal" frame, record the content of the container in your database and synchronize the internal data with the corresponding data in Airtable.

- For the "Video Detail" frame, no recording is necessary. Please proceed directly to the data synchronization.

Here is the result of Bravo Vision, accessible through the following link: [Bravo Visio link](https://bravostudioapp.page.link/?link=https%3A%2F%2Fapps-service.bravostudio.app%2Fdevices%2Fapps%2F01HKQJ4PV1V79HZQ0NBJBWWKY0&ofl=https%3A%2F%2Fbravostudio.app%2Fdownload-bravo-vision&apn=com.appfoundry.previewer&ibi=com.codelesslabs.app ).
8.

screen-20240116-181540.mp4

Hello Stéphan, I am simply impressed. A million times thank you for this great tutorial. This is highly appreciated.

Hello Stéphan, just fyi .. I could only get this to work (for whatever reason) by creating and adding a new airtable base. Now I have two airtable bases connected to the app. That’s find and it works but I am still curious why I could not get it work by just adding the youtube video / web view content to the original airtable base which takes care of all the other content of the app.

I am having a new issue. The number of video has grown to over 80. I now implemented “search” via airtable. The search works perfectly well. However from the app page where the search results are presented, always the same video is played. I see a “the linked pages requires: id” error. @Stéphan N'GUISSAN maybe you have a brilliant idea how to fix this. To confirm, I have 4 screen where I “filter” the list through different views in airtable. That all workd fine, only from the search results page, always the same video is played

@Armin Fendrich Hello Armin Fendrich,

To better assist you, I would need to review the structure and overall flow of your project. This will help me understand exactly where the issue is coming from and provide a more accurate solution.

I approach these kinds of problems from both a user and a designer perspective, especially when working with Bravo Studio, to ensure the solution fits both the logic of the tool and the user experience.

If you can share more details (structure, data setup, or screenshots), I’d be happy to take a closer look and help you fix this.

Hi Stéphane, thanks for getting back to me. I resolved the issue in the meantime. It was a silly issue which I had a while back already. Changing the Variable Name in the output column to simply id solved it.