This guide will show you how to include content from popular third-party services in your app using web content.
YouTube
Follow the steps below to embed a YouTube video or livestream in your app.
In YouTube:
Click the share button below the video.
Click the embed button in the modal that pops up.
You should see some code displayed on the right starting with
<iframe. Look for something likesrc="https://www.youtube.com/embed/gN0PZCe-kwQq?si=xnhsx0bzb1GjCS2qq"and copy the url between the quotes (e.g.https://www.youtube.com/embed/gN0PZCe-kwQq?si=xnhsx0bzb1GjCS2qq).
In Treefort:
Create a new “Web” content item.
Choose “Inline” under “Display”.
Choose “URL” under “Source” and paste in the URL from YouTube.
Fill in the remaining form fields and publish the content item.
⛔️ Monetizing YouTube content in ways other than those provided by YouTube are against YouTube’s terms of service. Please do not put YouTube content behind a paywall in your app. Doing so could result in your app being suspended from the Play Store or App Store.
Rumble
Follow the steps below to embed a Rumble video or livestream in your app.
In Rumble:
Click the button with three dots on the bottom right below the video (to the left of the share button).
Click “Embed”.
Copy the URL in the “Embed IFRAME URL” box.
In Treefort:
Create a new “Web” content item.
Choose “Inline” under “Display”.
Choose “URL” under “Source” and paste in the URL from Rumble.
Fill in the remaining form fields and publish the content item.
BoxCast
Follow the steps below to embed a BoxCast livestream in your app.
In BoxCast:
Click “Embed” in the sidebar and choose “Web Embed”.
Select “Single Broadcast” and choose your broadcast.
Expand “Customization” and choose the “Player” preset.
Choose “iFrame” under “Embed Type”. Do not enable “Auto-Resize Inline Frame”.
Click “Copy” under “Embed Code” in the right panel.
In Treefort:
Create a new “Web” content item.
Choose “Inline” under “Display”.
Choose “HTML” under “Source” and paste in the following code. Replace the text
{{BOXCAST EMBED CODE HERE}}with the embed code that you received from BoxCast. This custom embed code ensures that the BoxCast player is shown at the correct size across all platforms.<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
body {
background-color: #000;
}
iframe {
aspect-ratio: 1.77777;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
</style>
</head>
<body>
{{BOXCAST EMBED CODE HERE}}
</body>
</html>Fill in the remaining form fields and publish the content item.