Get thumbnail from YouTube API and display in Data Viewer

[prez523kthzh9]

I watched yotuber Darren Alderman’s video on using the Youtube API in thunkable: https://youtu.be/M9o6XuqjVCU?si=1OHv_ZVK4uX13nKc

And it was very helpful in understanding the basics of the Youtube API.

I was able to create this so far using the help of the video:

1. make a “search engine” for youtube videos in my app.
2. The “search results” get imported into a local database
3. The data is then displayed in a data viewer grid
4. The user can click on a data viewer item and be redirected to the selected youtube video.

However I am running into a problem: I am not able to get the thumbnails to be displayed in the data viewer grid.

Here is the code so far:

I know asking for help with this question is a big ask, but if you had any ideas as to why this isn’t working I would appreciate it.

Thank You.

[matt_conroy]

Hi @prez523kthzh9, Darren’s a great teacher and we love his videos. Can you post the JSON for drilling down and grabbing the thumbnail for each video? The issue is either that the the path here is not entirely correct or that the URL may not be in the correct format.

Thanks!

[fredyfernando]

Hello! This is my way of generating a YouTube video list viewer, maybe the string will help you extract the cover image of the video and other important items.

Greetings

[prez523kthzh9]

Hi guys, thank you for all the help. I the same string recommended @fredyfernando but I am still not able to see images for some reason.

If someone could help me look over my code to help me see if i’m missing something I would very much appreciate it.