A video-only wall with smart playback: tiles play when they scroll into view and pause when they leave, load poster-first with preload=metadata, and hand the sound to one tile at a time. Click any tile for a full player with native controls, arrow-key browsing, Esc to close and focus restore.
In-view playback is driven by IntersectionObserver, so nothing decodes off-screen - and the wall pauses automatically on tab switch (visibilitychange) to save battery and bandwidth. Duration badges and captions are generated from your data.
Per-tile CMS Link connects any tile to its own CMS page or URL - no CMS collection required. Point tiles at your own mp4 URLs or CMS fields. The layout is container-based responsive from one to three columns with no horizontal overflow. prefers-reduced-motion is respected: autoplay turns off but the player stays fully usable. Static canvas fallback keeps the Framer editor fast.
Everything is configurable from the properties panel: tiles, columns, autoplay behavior, sound, filters, captions and the player.
Try the live demo, then get the component and paste it straight into your project. Works on the free plan. For video-only walls - mixing images and video? Search Aisol for CMS Filter Gallery or CMS Bento Wall.
