Guides / Vimeo, Twitch and TikTok

Video Showcase

Four platforms, one widget

A Video Showcase is a set of tabs, and each tab is a list of sources. A source can be a YouTube channel or playlist, a Vimeo showcase, channel or member page, a Twitch channel, or a list of TikTok links, in any mix. Every video plays in its own platform's player, in a window over your page, and the visitor never leaves.

The same sources work in the YouTube, Vimeo, TikTok and Twitch widgets, each taking its own platform's part of this guide.

YouTube

Paste: a channel page such as youtube.com/@name, a channel id starting with UC, or a playlist link containing list=.

You get: the newest fifteen videos with titles, thumbnails, dates and view counts. With your own API key, up to fifty per tab. Widgets on your site also pick up new uploads on their own, a few minutes after they appear.

Vimeo

Paste: a showcase link such as vimeo.com/showcase/1234567, a channel such as vimeo.com/channels/staffpicks, or a member page such as vimeo.com/nasa.

You get: the newest videos in it, up to your maximum per tab, with titles, thumbnails, dates and play counts. Nothing to set up on your side: DreamWidget reads public Vimeo pages with its own access. Private showcases are not readable this way; make the showcase public or unlisted.

Twitch

Paste: a channel, as twitch.tv/name or just the name.

You get: the channel's past broadcasts and uploads, newest first, with titles, thumbnails, dates and view counts. While the channel is live, the stream is the tab's first card, with a LIVE badge, and opens the live channel; on a wide screen the Twitch chat sits beside it unless you turn off Twitch chat beside a live stream. When the stream ends, that card goes. Nothing to set up on your side.

Twitch's player checks which site it is shown on. DreamWidget passes your site's address along, so the player works on your site with nothing to configure. If a video will not play on a site, tell us the address and we will look.

TikTok

Paste: video links, one per line, such as tiktok.com/@name/video/7300000000000000000. Several at once is fine.

You get: each link as one card, with the video's title and thumbnail, playing in TikTok's own player, upright.

For the whole job end to end, see embedding TikTok videos on your website.

Your own account, or anyone's links. Connect your own TikTok account and your public videos become a tab that keeps itself up to date, with dates and view counts: see your TikTok account as a feed. TikTok lets an app list only the account that signed in, so videos from other creators are the links you paste, one card each, each with its own Remove. Dates and view counts are not part of what TikTok gives for a pasted link, so those two stay blank on those cards. Both kinds can sit in one tab.

Tabs, rows and hiding a video

  1. Add a source as a new tab. In the Videos panel, choose the platform at the top, paste, and click Add as a tab. The tab is named after the channel or showcase; rename it in its block.
  2. Add more sources to a tab. Every tab has its own Add box. A tab can mix platforms.
  3. Hide a video you would rather not show. Each source has a panel that opens and closes inside its tab; open it and switch that video off. It stays in the list and out of the widget. Delete a source to take it and every video it brought out of the tab.
  4. Rows limit how much of a grid is shown at once. Past the rows you allow, choose pages with arrows, a down arrow that brings more rows, or a Load more button set in your own type and colors.
  5. Stacked shows every tab at once. On a slider, each tab becomes its own carousel, one below another, instead of a single carousel with tabs to switch between.

Social Links

The tab bar can carry the mark of every platform you are on, each linking to your page there, in brand colors or a color of your choice, plus a custom logo. They are in the Design tab under Social Links.