Scroll videos/images like tiktok/reels

I got a much better way that makes the videos autoplay as you scroll to them and stop when you scroll past :wink: Go to this link, click “Copy component”, paste it in Glide (Ctrl/Cmd + V or rightclick/hold panel on left with components and select Paste), drop it inside of your custom collection of posts, and open the component and configure these:

  • Set videoUrl to the column where you store the URL of the video (Doesn’t work with YouTube video links)
  • Set channelName to the name and channelProfilePicture to the profile picture of the user (You can achieve this by having a relation for the user who made the post, then lookup columns for that relation column > name/photo)
  • Set description to the caption of the post
  • Set Timestamp to the time the post was made. If you want in relative format (e.g. 2 days ago) add a Relative Time column on top of your Date and Time column and use that for the component.
  • Set the relatedUser action to show detail screen for your relation to the post creator
  • Set playReel to whatever you want to happen when you play the video. For example, if you want a view counter, add a number column for Views, and set the action to “Increment Views by 1”

Example:

You can then add a button block below the component in your custom collection for actions (like, comment, share, etc) and remove everything else except the button block and AI component :wink:

2 Likes