Showcase motion work with built-in video support for all major formats.

Built-in video support

4567 handles video files natively. Drop videos into your project folders and they appear automatically with a native HTML5 player.

Supported video formats

MP4 (.mp4) — Most common, works everywhere
MOV (.mov) — Great for high-quality video
WebM (.webm) — Modern web format, smaller files
AVI (.avi) — Classic format
MKV (.mkv) — High-quality container format
M4V (.m4v) — Apple variant of MP4
WMV (.wmv) — Windows Media Video
FLV (.flv) — Flash Video format

How it works

Drop videos into your project folder alongside images
Videos appear automatically above your image gallery
Native HTML5 player with play/pause controls
Responsive design — scales perfectly on all devices

Video + images together

Videos appear first, then images below. Perfect for:

Process videos with final result images
Before/after motion graphics with stills
Demo videos with supporting screenshots
Tutorial content with step-by-step visuals

Example project structure

Motion-Project/
├── project.md
├── demo-reel.mp4          # Videos appear first
├── process-video.mov
├── final-result.jpg       # Then images
├── mobile-preview.jpg
└── desktop-preview.jpg

Best practices

Use MP4 for best compatibility across all browsers
Keep file sizes reasonable for faster loading
WebM is great for web-optimized, smaller files
Consider video length — shorter clips work better on the web

In static export

Videos are copied to your export folder and work exactly the same on any hosting platform. No special server configuration needed.

Video support