Video Specs for Your Website
If you're adding a background video to your website, here's what you need to know before sending it over. Following these specs ensures your video loads quickly and looks great across all devices.
Video Specifications
| Setting | Requirement |
|---|---|
| Resolution | 1280x720 (HD) |
| Aspect Ratio | 16:9 |
| Frame Rate | 30 FPS or below |
| File Size | Under 50 MB |
| Format | MP4 |
| Length | 20 to 30 seconds |
| Audio | Muted (no audio) |
Content Guidelines
- Keep it short. 20 to 30 seconds is the sweet spot. Shorter videos loop cleanly and keep file sizes manageable.
- Avoid excessive movement. Your video is a background element, so subtle motion works best and won't compete with your site's content.
- Center your focal point. Make sure the most important part of the video is centered so it displays well on all screen sizes.
- No audio. Background videos should always be muted to avoid disrupting visitors.
Hosting Your Video
We recommend hosting your video on Vimeo. Here's why:
- This approach allows clients to update their videos at any time, ensuring seamless integration without requiring assistance from the REALSTACK team.
- Vimeo offers a free account option
- It integrates smoothly with your website
If needed, REALSTACK can host your video directly, though some limitations may apply.