Skip to content

component

CMS Video Wall

By ulz song

Details

Summary

Video wall with smart playback

Description

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.

Introduction

Video wall with smart playback

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400153638/258/309/49/99/15
  • All · #5363