<![CDATA[Video Galleries]]>Hello all,

I'm trying to find the best way to create a gallery of videos for our homepage.

I'm having two issues:

  1. I can't find an easy way to play a video from a gallery object. I found that if I set it to external link, I have to manually change the YouTube link to add /embed/ in the url for it to work, to avoid CORS issues.

  2. I would prefer this to be dynamic - so from the CloudBackend or YouTube playlist, it automatically fetches thumbnails, Titles, etc. and renders the gallery objects with the links already set. Keeping this a manual process is not desirable.

Anyone have any good ideas for how to accomplish this?

I can easily manage the CloudBackend part, I'm just not sure how to populate the visual elements automatically using the API data, and staying within PageBuilder.

Thanks in advance.

]]>https://community.appdrag.com/topic/465/video-galleriesRSS for NodeWed, 19 Aug 2026 20:23:30 GMTWed, 04 Nov 2020 12:12:14 GMT60<![CDATA[Reply to Video Galleries on Thu, 05 Nov 2020 11:56:20 GMT]]>Brilliant !

I'll give this a try.

]]>https://community.appdrag.com/post/1771https://community.appdrag.com/post/1771Thu, 05 Nov 2020 11:56:20 GMT<![CDATA[Reply to Video Galleries on Wed, 04 Nov 2020 15:17:34 GMT]]>@Daniel-Mulroy said in Video Galleries:

I would prefer this to be dynamic - so from the CloudBackend or YouTube playlist, it automatically fetches thumbnails, Titles, etc. and renders the gallery objects with the links already set. Keeping this a manual process is not desirable.

Hey Daniel,

in this tutorial we show how to generate a gallery with data coming from cloud backend database
https://academy.appdrag.com/FullStack-with-cloud-backend-Episode-5.html

9a2129a1-dea4-4167-aae6-81d4e9e8c36a-image.png

It's based on the factory pattern, we call the api in JS to get the rows from the DB and we do a FOR loop on each row, and for each row we generate a gallery item and add it

In that loop you could also do a simple replace in the youtube url to shape it like you need (/embed/) 🙂

OR a total different way ... with dynamic datasources (repeating a column containing an iframe ...)

]]>https://community.appdrag.com/post/1760https://community.appdrag.com/post/1760Wed, 04 Nov 2020 15:17:34 GMT