Skip to main content
Apply for a Cheap Website
Website explainer · 1:47

Video Codecs Explained: The Encoded Picture Inside a Media File

Does an MP4 filename tell you everything about a video? A video codec encodes and decodes the picture data stored inside a media container.

Jersey Web video: Encode the picture. Play it back.

1:47 · No narration: the video shows each step as text on screen, and every step is written out below, with buttons that jump the video to it.

Download the on-screen text track (VTT)

The six points in the video

This is a silent video. The headings, explanations and labels below reproduce the information on screen.

  1. Step 1: Identify the video codec

    Check which codec was used to encode the picture.

    On-screen labels: Video stream; Codec name; Export settings.

  2. Step 2: Identify the container

    A container such as MP4 packages the encoded media streams.

    On-screen labels: Container format; Video stream; Other tracks.

  3. Step 3: Check target playback support

    The actual browser or player must support the chosen combination.

    On-screen labels: Target player; Supported combination; Working playback.

  4. Step 4: Review the encoding settings

    Resolution, frame rate and bitrate also affect the result.

    On-screen labels: Picture dimensions; Frame rate; Video bitrate.

  5. Step 5: Inspect the exported picture

    Watch text, detail and motion in the actual output.

    On-screen labels: Readable text; Useful detail; Clear motion.

  6. Step 6: Test delivery as well

    Review loading and playback through the intended website or host.

    On-screen labels: Actual host; Viewer connection; Playback result.

A practical check for your business

Inspect the actual codec and container combination used by the export. Test readability, motion and playback through the intended hosting player and representative viewer devices.

Sources and further detail

See it in a diagram

Three cards show a video codec encoding the picture, a container packaging media streams, and a supported player decoding the result.
Encoded picture, media container and player. Codec and container describe different parts of a media file. Verify the actual export in the intended player.
Read the diagram as text
  1. Video codec: Encodes the picture data
  2. Container: Packages the media streams
  3. Player: Supports and plays the result

Inspect the delivered picture and motion. Check readable text, useful detail, playback and loading through the actual host.

A filename extension alone does not describe every stream or guarantee player support.

Diagram by Jersey Web. Open full size · Source and further detail (opens in a new tab)

Common questions

Does an MP4 filename tell you everything about a video?

A video codec encodes and decodes the picture data stored inside a media container. Test the exported file in the browsers and players your viewers use.

Go further

Guide Read the practical guide More context for planning and maintaining your business website. 5 min read → Jargon Buster Video codec explained Read the related Jargon Buster explanation. Read the explanation →

Test the exported file in the browsers and players your viewers use.

Tell Jersey Web what your website needs to do and which part you want help with.

Talk to Jersey Web →

More video tips

All 205 videos →
Length 1:47 Media and performance

Video Bitrate Explained: Data Rate, Picture Quality and Playback

Video bitrate, explained.
Length 1:47 Website accessibility

WebVTT Explained: Timed Text Tracks for Website Video

WebVTT captions, explained.
Length 1:47 Website accessibility

Audio Description Explained: Making Important Visual Information Available in Audio

Audio description, explained.