Skip to content

Mises en page de galerie

Modes grille, carrousel et plein écran.

image

Aperçu

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.

Essayez dans le player

Responsive grid

The grid automatically reduces its column count on tablets and collapses to a single column on phones so thumbnails stay comfortably tappable.

Fullscreen layout

Fullscreen mode is available from the toolbar and responds to the browser's native fullscreen shortcut (F).

Documentation

Three layouts let the viewer adapt to different contexts. Carousel shows one image at a time with a thumbnail strip underneath. Grid displays all images in a responsive grid. Fullscreen fills the viewport for an immersive slideshow. The layout is picked per asset in the dashboard.

Code

HTML

Questions fréquentes

Avec le focus sur le viewer, appuyer sur G alterne entre grille et carrousel. La mise en page plein écran s'active via le bouton de la barre d'outils.

Choisissez la mise en page par galerie dans les réglages de l'asset, dans le dashboard Videas. Un paramètre d'URL dédié est prévu sur la roadmap.