YouTube
Add a YouTube video player so your users can view YouTube videos directly in your app.
Skill Level: Beginner
- You do not need a paid Adalo plan to use this feature
Simple
In-Depth
1.) While in your Adalo app, click on the big plus sign 
in the top left corner, enter "Marketplace" in the search bar, then click Explore Marketplace
2.) Find YouTube in the list and click Install, then click Done
3.) Back in the components list, enter YouTube in the search bar, then click and drag the component onto the desired screen
4.) Click on the newly added YouTube component if not already selected. In order for the component to function, you will need a YouTube link. For this you can either paste in a static (unchanging) link or you can use Magic Text to display dynamic (changing) video links from a Collection in your database. In this walkthrough, let's just paste in a link into the Video URL input field of the YouTube component settings.
5.) You also have the option of making the video auto-play when the user visits the screen as well as placing a Click Action on the play button. This is useful for tracking user engagement and watch history.
1.) While in your Adalo app, click on the big plus sign in the top left corner, enter "Marketplace" in the search bar, then click Explore Marketplace
Start adding the YouTube component by visiting the Marketplace
2.) Find YouTube in the list and click Install, then click Done
3.) Back in the components list, enter YouTube in the search bar, then click and drag the component onto the desired screen
4.) Click on the newly added YouTube component if not already selected. In order for the component to function, you will need a YouTube link. For this you can either paste in a static (unchanging) link or you can use Magic Text to display dynamic (changing) video links from a Collection in your database. In this walkthrough, let's just paste in a link into the Video URL input field of the YouTube component settings.
Pasting a static link into the YouTube component.
5.) You also have the option of making the video auto-play when the user visits the screen as well as placing a Click Action on the play button. This is useful for tracking user engagement and watch history.
Locations of the autoplay and click action features
With the YouTube component you can let your users view public or unlisted YouTube videos right in your app using static text or Magic Text from your database! To see an example of this component in action, you can view or clone the example used in this walkthrough by clicking here.
- You can also use the YouTube component within a Custom List to create playlists of videos. Just make sure you have a collection with a text property containing the video URLs. Check out this example app to see this in action.
- You can paste in any kind of public or unlisted YouTube URL. Private links are not supported at this time.
- Parameters on the end of the link such as start times are also not currently supported.
If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!
Last modified 1yr ago