Videospan V3: What you need to know.

The Complete Guide to Video File Formats: Containers, Codecs, Color, Bitrate & Transparency

Video files are not simple.

A single video file contains multiple independent technical layers—each with tradeoffs that affect quality, compatibility, file size, performance, and scalability. Understanding these layers is essential for anyone publishing video at scale or standardizing production across teams.

This guide explains how video formats actually work, from containers and codecs to color, bitrate, and transparency.


Video File Formats

How a Video File Is Structured

Every video file is composed of stacked layers:

  1. Container – the wrapper (.mp4, .mov, .webm)
  2. Video codec – how frames are compressed
  3. Audio codec – how sound is compressed
  4. Color model & pixel format – how color is stored
  5. Bitrate & rate control – how much data is allocated
  6. GOP / keyframes – how frames reference each other
  7. FPS (frame rate) – how often frames are displayed
  8. Captions & text tracks – accessibility and metadata
  9. Metadata – HDR info, timecode, compliance data

Changing one layer does not automatically change the others—so format decisions should be intentional.


Video Containers (File Wrappers)

A container packages video, audio, subtitles, and metadata into a single file. It does not determine compression or quality.

Common Containers

ContainerExtensionTypical UseTransparency
MP4.mp4Web, social, streaming❌ No
MOV.movEditing, Apple workflows✅ Yes
WebM.webmWeb playback✅ Yes
MKV.mkvArchival, advanced use⚠️ Codec-dependent
AVI.aviLegacy⚠️ Limited
MXF.mxfBroadcast⚠️ Codec-dependent

Transparency Support (Alpha Channels)

Transparency requires both container and codec support.

ContainerCodecAlpha Channel
MOVProRes 4444✅
MOVAnimation✅
WebMVP8✅
WebMVP9✅
WebMAV1✅

MP4 does not support alpha channels, regardless of codec or encoder.


Video Encoding Formats (Codecs)

A video codec defines how image data is compressed and decompressed.

CodecCompressionQualityHardware Decode
H.264 (AVC)LossyHigh✅ Excellent
H.265 (HEVC)LossyVery High✅ Modern devices
VP9LossyVery High⚠️ Partial
AV1LossyExcellent⚠️ Emerging
ProResNear-losslessExcellent❌ Limited
DNxHRNear-losslessExcellent❌ Limited

H.264 remains the safest and most compatible delivery codec.


Resolution, Display Aspect Ratio (DAR), and Pixel Aspect Ratio (PAR)

Resolution alone does not fully define how a video is displayed.

A video file can store how many pixels exist, how those pixels should be interpreted, and how the image should be stretched on playback—as three separate concepts.

Understanding the difference between resolution, DAR, and PAR prevents stretched, squashed, or misaligned video.


Resolution (Frame Size)

Resolution is the actual pixel grid stored in the file.

Examples:

  • 1920 × 1080
  • 1080 × 1920
  • 1080 × 1080

This value is always stored in the video stream and represents the raw image dimensions.

Resolution answers:

“How many pixels are in each frame?”


Display Aspect Ratio (DAR)

DAR (Display Aspect Ratio) tells the player how the video should appear on screen, regardless of the stored pixel grid.

Example:

  • Stored resolution: 1440 × 1080
  • DAR metadata: 16:9

The player stretches the image horizontally so it displays as widescreen.

DAR is commonly used in:

  • Broadcast workflows
  • Legacy formats
  • Some professional camera outputs

DAR answers:

“What shape should this video appear as when viewed?”


Pixel Aspect Ratio (PAR)

PAR (Pixel Aspect Ratio) defines the shape of individual pixels.

PARMeaning
1:1Square pixels (web standard)
≠ 1:1Non-square pixels (legacy/broadcast)

When PAR is not 1:1, pixels are stretched during playback to achieve the correct display shape.

PAR answers:

“Are pixels square or stretched?”


How These Three Work Together

A video may contain:

  • A stored resolution
  • A pixel aspect ratio
  • A display aspect ratio

All three can combine to determine final playback.

Example:

  • Resolution: 1440 × 1080
  • PAR: 1.33
  • Resulting display: 1920 × 1080 (16:9)

This flexibility is powerful—but dangerous when moving video between systems that interpret metadata differently.


Best Practices for Web & Social Video

For modern delivery (LinkedIn, YouTube, internal platforms):

  • Use square pixels (PAR = 1:1)
  • Match resolution directly to desired aspect ratio
  • Avoid relying on DAR metadata
  • Encode exactly what you want displayed
Platform TypeRecommended Approach
Web & SocialSquare pixels, no DAR
EditingMatch timeline resolution
BroadcastDAR/PAR acceptable if required

Most “stretched video” bugs happen because a platform ignores or misreads DAR/PAR metadata.


Audio Encoding Formats

Audio streams are compressed separately.

CodecCompressionQualityTypical Use
AACLossyHighWeb, social
MP3LossyMediumLegacy
OpusLossyExcellentStreaming
PCMNonePerfectEditing
FLACLosslessPerfectArchival

Audio Sample Rate & Loudness (Often Overlooked)

Audio problems are one of the fastest ways to make professional video feel amateur.

Sample Rate

Sample RateUse
44.1 kHzMusic-focused workflows
48 kHzStandard for video

48 kHz should be your default for all video exports.

Loudness Standards (LUFS)

PlatformTarget Loudness
Web / Social~ -14 LUFS
Broadcast~ -23 LUFS
Podcasts~ -16 LUFS

If loudness isn’t normalized:

  • Viewers turn volume up/down constantly
  • Platforms apply aggressive re-normalization
  • Engagement drops

Color Models: What YUV Means

Most video uses YUV (or YCbCr) instead of RGB.

ChannelMeaning
YLuminance (brightness)
UBlue-difference chroma
VRed-difference chroma

This allows heavy compression with minimal visible loss.


Chroma Subsampling

FormatColor DetailCommon Use
4:4:4FullVFX, compositing
4:2:2MediumBroadcast
4:2:0ReducedWeb, streaming

Bit Depth

Bit DepthColorsTypical Use
8-bit~16MSDR
10-bit1B+HDR
12-bit68B+Cinema

Color Spaces

Color SpaceUse
Rec.709SDR delivery
Rec.2020HDR
sRGBWeb graphics
DCI-P3Cinema

Bitrate: The Most Misunderstood Setting

Bitrate controls data per second, not resolution.

IssueCause
Blocky videoBitrate too low
Huge filesBitrate too high
Uneven qualityWrong rate mode

Bitrate Modes

ModeUse
CBRStreaming stability
VBRBest quality/size
ABRBalanced
CRFQuality-based encoding

FPS (Frame Rate)

FPSTypical Use
24Cinematic
30Business standard
60Sports / fast motion

Variable Frame Rate (VFR) vs Constant Frame Rate (CFR)

Many mobile devices and screen recordings default to VFR.

Why VFR Causes Problems

  • Audio drift
  • Caption misalignment
  • Editing timeline instability
  • Inconsistent playback

Recommendation

Convert VFR → CFR before editing or publishing.

For professional workflows, always deliver CFR.


Keyframes (GOP Structure)

Keyframes are full images used as reference points.

IntervalUse Case
1–2sSocial, LinkedIn
2–4sWeb playback
5s+Archival

Shorter GOPs improve scrubbing and streaming reliability.


Captions, Subtitles & Text Tracks

Captions are no longer optional.

Caption Types

TypeDescription
Burned-inAlways visible
SidecarSeparate file
EmbeddedInside container

Common Formats

FormatUse
SRTUniversal
WebVTTWeb players
TTMLBroadcast

Best practice:

  • Generate captions before final encode
  • Preserve timing during CFR conversion
  • Style captions consistently for brand and accessibility

Hardware Acceleration

CodecHardware Support
H.264Excellent
HEVCVery good
VP9Partial
AV1Improving

Web & Social (Default)

  • MP4 / H.264
  • AAC @ 48kHz
  • 30fps, CFR
  • Keyframes every 1–2s
  • VBR or CRF
  • Rec.709, 4:2:0
  • Loudness ~ -14 LUFS

Transparency

  • MOV or WebM
  • ProRes 4444 or VP9
  • Pixel format: YUVA

Final Takeaways

  • Containers package; codecs compress
  • MP4 does not support transparency
  • Bitrate ≠ resolution
  • CFR beats VFR for reliability
  • Keyframes control seeking & streaming
  • Loudness consistency matters as much as visuals
  • Captions are part of delivery, not an afterthought

Understanding these fundamentals turns video from a black box into a predictable, scalable system.