Skip to content

Gallery layouts

Grid, carousel, and fullscreen presentation modes.

image

Preview

Browsers block autoplay with sound. Enabling auto_play automatically enables muted so playback can start; viewers can then unmute manually.

Try it in the 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

Frequently asked questions

With focus on the viewer, pressing G cycles between grid and carousel. The fullscreen layout is reached via the toolbar toggle.

Choose the layout per gallery from the asset settings in the Videas dashboard. A dedicated URL override is on the roadmap.