Playlist
Collection navigation with drawer, bottom bar, and sidebar modes.
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. |
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
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe
src="https://app.videas.com/embed/019dcfc1-4c9a-7000-83d1-1e6d822d91fa/?show_chapters=0&show_playlist=1&collection_display_mode=sidebar"
width="100%" height="100%"
frameborder="0" allowfullscreen
allow="autoplay; fullscreen; picture-in-picture"
style="position:absolute;top:0;left:0"
></iframe>
</div>Frequently asked questions
What is a collection in Videas and how do I create one?
A collection is an ordered list of videos, built from the <strong>Collections</strong> 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.
Which display mode should I pick?
<strong>Sidebar</strong> is best on desktop when you have room next to the player; <strong>Bottom bar</strong> is compact and works well for short horizontal lists; <strong>Drawer</strong> is ideal on mobile — it keeps the player full-width and opens a panel on demand.
Does autoplay-next respect mobile autoplay restrictions?
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.