Skip to content

Playlist

Collection navigation with drawer, bottom bar, and sidebar modes.

video

Preview

Props & interactive options

Prop Type Default Description Try it
show_playlist url param 1 Show playlist.
collection_display_mode url param sidebar Collection display mode: drawer, bottom-bar, sidebar.
auto_play_next url param 1 Automatically play the next video.
Browsers block autoplay with sound. Enabling auto_play automatically enables muted so playback can start; viewers can then unmute manually.

Documentation

Embed a collection of videos with previous/next controls and three display modes. Drawer opens a bottom panel listing all videos with thumbnails. Bottom bar shows a horizontal strip of thumbnails below the player. Sidebar displays a vertical list next to the player. Autoplay next automatically starts the following video when the current one ends. Try switching display modes above to see the layout change in real time.

Code

HTML

Frequently asked questions

A collection is an ordered list of videos, built from the Collections section of the dashboard. You can drag-and-drop videos to reorder them, then embed the whole collection with a single iframe — the player handles navigation across videos natively.

Sidebar is best on desktop when you have room next to the player; Bottom bar is compact and works well for short horizontal lists; Drawer is ideal on mobile — it keeps the player full-width and opens a panel on demand.

Yes. When the next video starts, the player inherits the mute state of the previous one. If sound was off, playback starts instantly; if not, the player will attempt to continue but some mobile browsers may require a tap, depending on the OS policy.