Playlist
Navigation de collection avec modes drawer, bottom bar et sidebar.
Aperçu
Props & options interactives
| Prop | Type | Défaut | Description | Essayer |
|---|---|---|---|---|
| show_playlist | url param | 1 | Afficher la playlist. | — |
| collection_display_mode | url param | sidebar | Mode d'affichage de la collection : drawer, bottom-bar, sidebar. | |
| auto_play_next | url param | 1 | Lancer automatiquement la vidéo suivante. |
Documentation
Intégrez une collection de vidéos avec des contrôles précédent/suivant et trois modes d'affichage. Drawer ouvre un panneau en bas listant toutes les vidéos avec miniatures. Bottom bar affiche une bande horizontale de miniatures sous le player. Sidebar affiche une liste verticale à côté du player. Autoplay next lance automatiquement la vidéo suivante à la fin de la lecture. Essayez les différents modes d'affichage ci-dessus pour voir le changement de disposition en temps réel.
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>Questions fréquentes
Qu'est-ce qu'une collection dans Videas et comment en créer une ?
Une collection est une liste ordonnée de vidéos, construite depuis la section <strong>Collections</strong> du dashboard. Vous pouvez glisser-déposer les vidéos pour les réorganiser, puis intégrer la collection entière avec une seule iframe — le player gère nativement la navigation entre les vidéos.
Quel mode d'affichage choisir ?
<strong>Sidebar</strong> est idéal sur desktop quand vous avez de la place à côté du player ; <strong>Bottom bar</strong> est compact et fonctionne bien pour de courtes listes horizontales ; <strong>Drawer</strong> est parfait sur mobile — il garde le player pleine largeur et ouvre un panneau à la demande.
L'autoplay-next respecte-t-il les restrictions d'autoplay sur mobile ?
Oui. Quand la vidéo suivante démarre, le player hérite de l'état muet de la précédente. Si le son était coupé, la lecture commence instantanément ; sinon, le player tente de continuer mais certains navigateurs mobiles peuvent demander un tap, selon la politique de l'OS.