Skip to content
Video Gallery live preview
All projects

Video Gallery

Browse video content in one place instead of across YouTube, Vimeo, and local files.

Tutorials, demos, and talks were scattered across different video platforms with no unified showcase tied to the portfolio.

Tech Domain · Book Dev|Published|Evidence: Live|Next.js, TypeScript

A public deployment is available to try.

Case Study

Before

Video content (tutorials, demos, talks) was scattered across YouTube, Vimeo, and local files. Needed a unified video showcase that integrated with the portfolio's content ecosystem.

After

Centralized video content into a browsable gallery. The embedded player avoids external platform branding, and related project links turn viewers into tool users.

How it's solved

Built a video gallery with embedded player support (YouTube, Vimeo, direct MP4), playlist organization, thumbnail grids, and video descriptions with links to related projects.

Trade-offs

Embeds depend on the source platform staying up — a removed YouTube video breaks its gallery entry.

Related Articles

Further reading on related topics from the blog

Related Projects

More in Tech Domain · Book Dev

Video Gallery - Chaowalit Greepoke Portfolio