A sleek, single-page web app that lets you display up to 12 YouTube videos in a responsive grid layout. Paste any YouTube URL or <iframe> embed code into a slot and build your own video wall.
- 12 video slots in a responsive grid (auto-fills based on screen width)
- Multiple input formats — accepts YouTube URLs, short links, Shorts URLs, and
<iframe>embed codes - Preset videos — one-click loading from a curated strip of thumbnails, or "Load All" to fill every slot
- Hover-to-expand — hover over any loaded video to pop it up in a larger overlay with autoplay
- Play All / Clear All — bulk controls for managing the wall
- Dark theme — minimal, modern UI with JetBrains Mono + Space Grotesk typography
./start-server.shThen open http://localhost:8000/youtube-wall.html
python3 -m http.server 8000Note: Opening the HTML file directly via
file://will block YouTube embeds due to browser security policies. Use a local HTTP server.
- Paste a URL into any empty slot — supports:
https://www.youtube.com/watch?v=...https://youtu.be/...https://www.youtube.com/shorts/...- Full
<iframe>embed codes from YouTube's share dialog
- Press Enter or click Load
- Hover over a loaded video to expand it
- Use Play All to autoplay every loaded video (muted)
- Click x on any card or Clear All to reset
- Pure HTML/CSS/JavaScript — zero dependencies, single file
- Google Fonts (Space Grotesk, JetBrains Mono)
- YouTube oEmbed thumbnails + iframe Player API
MIT