← All posts
Production & Editing·4 min read·

Where Should Captions Appear in Product Videos?

Caption positioning for product demo videos: safe zones by aspect ratio, readability best practices, burn-in vs SRT, and styling that doesn't obscure the UI.

Captions are critical — 85% of social media video is watched without sound. But in product videos, captions compete with the UI for screen space. Where you place them determines whether viewers see your product or just read text.

The default: bottom-center, but with caveats

Bottom-center is the universal caption position. Viewers expect it. But in product videos, the bottom of the screen often contains:

  • Navigation bars and toolbars
  • Status bars and footer elements
  • Action buttons and CTAs
  • Platform video controls (play bar, timeline)

If your UI has important elements at the bottom, move captions to the top-center instead. This is unconventional but prevents the fundamental problem: captions covering the product you're trying to show.

Safe zones by aspect ratio

16:9 (landscape): Bottom 15% of the frame is the safe zone for captions. Position text so its baseline sits at approximately 85-90% from the top.

1:1 (square): Bottom 20% or top 15%. Square videos have less vertical space for UI, so caption placement is more constrained.

9:16 (vertical): Bottom 25% is often occupied by platform UI (like/comment buttons on TikTok/Reels). Position captions in the middle-lower third (60-75% from top) to avoid platform overlap.

Burn-in vs. SRT/closed captions

Burn-in (hardcoded into the video):

  • You control exact positioning, font, and style
  • Guaranteed to display on every platform
  • Cannot be turned off by the viewer
  • Best for: social media, landing page embeds, short-form content

SRT/VTT (separate caption file):

  • Platform controls positioning (usually bottom-center, you can't change it)
  • Viewer can toggle on/off
  • Better for accessibility compliance
  • Best for: YouTube, help docs, long-form tutorials

For product marketing videos, burn-in captions are almost always better because you need precise control over where they appear relative to your UI.

Styling for readability

Background: Always use one. Options ranked by readability:

  1. Solid dark background with rounded corners (highest readability)
  2. Semi-transparent black (80%) background bar
  3. Text with strong drop shadow (lowest reliability — fails on dark backgrounds)

Font size: Minimum 18px at 1080p delivery. On 9:16 mobile content, go larger — 22-24px. Text should be readable at arm's length on a phone.

Maximum characters per line: 32-38 for landscape, 24-28 for vertical. Long lines force small text or overflow the frame.

Words per frame: Show maximum 2 seconds of text at a time. If a sentence takes longer to read, split it across multiple appearances.

Animated captions: when they work

Word-by-word highlighting (popularized by CapCut and Descript) keeps attention better than static caption blocks. But in product videos, the animation competes with UI animations.

Use animated captions only if:

  • The video has no simultaneous UI motion (static screens with voiceover)
  • The video is for social media where attention-grabbing is essential
  • Text appearance is your primary content (no complex UI to follow)

For product demos with active UI interaction, static caption blocks are better — they stay out of the way while the product moves.

The no-caption alternative

For short-form product animations (under 15 seconds), consider using integrated text labels rather than captions. Text that's part of the design — feature names, descriptions, callouts — communicates the same information without the "caption" feeling. This works especially well for generated product animations where text is a designed element rather than an accessibility overlay.

Create polished product animations in minutes

No keyframes. No After Effects. No motion design experience required.

Try mmotion free