Skip to content

Playlist

Navigation de collection avec modes drawer, bottom bar et sidebar.

video

Aperçu

Props & interactive options

Prop Type Défaut Description Essayer
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 Lancer automatiquement la vidéo suivante.
Les navigateurs bloquent la lecture automatique avec le son. Activer auto_play active automatiquement muted pour permettre le démarrage ; le visiteur peut ensuite réactiver le son manuellement.

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

HTML

Questions fréquentes

Une collection est une liste ordonnée de vidéos, construite depuis la section Collections 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.

Sidebar est idéal sur desktop quand vous avez de la place à côté du player ; Bottom bar est compact et fonctionne bien pour de courtes listes horizontales ; Drawer est parfait sur mobile — il garde le player pleine largeur et ouvre un panneau à la demande.

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.