CMS Video Wall — Framer Code Component (Video-Only Wall + Smart Playback)

A video-only wall for Framer with smart playback: tiles play when they scroll into view and pause when they leave, load poster-first, and hand one tile at a time the sound. Click any tile for a full player with native controls.

LIVE DEMO: https://thistle-timing-694660.framer.app/cms-video-wall

KEY FEATURES

• In-view playback: IntersectionObserver starts and stops each tile as it enters or leaves the viewport - no wasted decoding, no autoplay walls
• - Poster-first loading with preload=metadata: fast first paint even with many clips
• - One-at-a-time sound: unmuting a tile mutes the others automatically
• - Full player on click: native controls, arrow-key browsing, Esc to close, focus restore
• - Duration badges and per-tile captions generated from your data
• - Per-tile CMS Link: connect any tile to its own CMS page or URL
• - Pauses on tab switch (visibilitychange) to save battery and bandwidth
• - Container-based responsive 1-3 columns, prefers-reduced-motion support (autoplay off, player still works), static-canvas fallback

HOW IT WORKS

After purchase you get the component URL - paste it into any Framer project and it installs instantly. Point tiles at your own mp4 URLs (or CMS fields) and configure everything from the properties panel. Works on the free plan.

Includes lifetime updates. Built by Aisol Studio. For video-only walls - if you are mixing images and video, see CMS Filter Gallery or CMS Bento Wall.