Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    Video Galleries

    Cloud CMS (Pagebuilder, Blog, Shop, Newsletters, Code Editor)
    video gallery pagebuilder link dynamic
    2
    3
    350
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Daniel Mulroy
      Daniel Mulroy last edited by

      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.

      1 Reply Last reply Reply Quote 0
      • Joseph Benguira
        Joseph Benguira last edited by

        @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 ...)

        1 Reply Last reply Reply Quote 2
        • Daniel Mulroy
          Daniel Mulroy last edited by

          Brilliant !

          I'll give this a try.

          1 Reply Last reply Reply Quote 0
          • First post
            Last post