Base64 to Video

What Is Base64 Video Encoding?

Base64 is a binary-to-text encoding scheme that represents binary data — such as a video file — as a string of ASCII characters. Each group of 3 bytes from the original binary is encoded as 4 Base64 characters, using the alphabet A–Z, a–z, 0–9, +, and /. This makes it safe to transmit binary data through text-based channels like JSON payloads, HTML attributes, and email.

A Base64-encoded video is roughly 33% larger than the original binary file. For a 1 MB MP4, the Base64 string will be approximately 1.37 MB. This is a known trade-off when embedding media in text-based formats.

When Is Base64 Video Used?

• API responses — Machine learning vision APIs (Google Cloud Video Intelligence, AWS Rekognition) often return video clips or frame data as Base64 strings inside JSON responses.
• JSON payloads — When building REST APIs that need to transport binary media without a separate file upload endpoint, embedding as Base64 is a quick solution.
• Data URIs in HTML/CSS — Small video clips can be embedded directly in HTML using data:video/mp4;base64,... as the src of a <video> element, eliminating an HTTP request.
• WebRTC and real-time messaging — Some WebRTC implementations use Base64 to serialize video frames or thumbnails transmitted over data channels.
• Email and document attachments — MIME email attachments use Base64 to embed binary files inside plain-text email bodies.
• Document scanners and OCR tools — Many document processing pipelines store scanned pages as Base64-encoded video or image streams.

Supported Formats: MP4, WebM, OGG, MOV, MP3, WAV

This tool supports decoding Base64 strings for all major browser-playable media formats:

• MP4 (video/mp4) — The most universally compatible video format. Uses H.264 video and AAC audio. Supported by all modern browsers and devices including iOS Safari.
• WebM (video/webm) — Google's open container format using VP8/VP9 video and Vorbis/Opus audio. Excellent compression for web delivery. Supported in Chrome and Firefox natively.
• OGG (video/ogg) — Open-source format using Theora video and Vorbis audio. Less common today but fully supported in Firefox and Chrome.
• MOV (video/quicktime) — Apple's QuickTime container. Plays natively in Safari and macOS browsers.
• MP3 (audio/mpeg) — The most common audio format. This tool also decodes Base64 audio, not just video.
• WAV (audio/wav) — Uncompressed PCM audio. Large file sizes but lossless quality.

How to Decode Base64 to Video in JavaScript

Here is the correct, memory-safe approach using atob(), Blob, and URL.createObjectURL():

// Strip data URI prefix if present
const b64 = base64String.replace(/^data:[^;]+;base64,/, '');

// Decode Base64 to binary
const binary = atob(b64);
const bytes = new Uint8Array(binary.length);
for (let i = 0; i < binary.length; i++) {
  bytes[i] = binary.charCodeAt(i);
}

// Create a Blob and a playable URL
const blob = new Blob([bytes], { type: 'video/mp4' });
const url = URL.createObjectURL(blob);

// Attach to a video element
const video = document.createElement('video');
video.src = url;
video.controls = true;
document.body.appendChild(video);

// Clean up when done
video.addEventListener('loadeddata', () => {
  // Video is ready to play
});
// Later, free memory:
// URL.revokeObjectURL(url);

Using a Blob URL is always preferable to embedding the Base64 string directly as a data URI in the src attribute, because it avoids re-encoding the data and is far more memory-efficient for large files.

How to Decode Base64 to Video in Python

Python's built-in base64 module makes this straightforward:

import base64

# If you have a raw Base64 string:
base64_str = "AAAAIGZ0eXBpc29tAA..."

# Decode and write to file
video_data = base64.b64decode(base64_str)
with open("output.mp4", "wb") as f:
    f.write(video_data)

# If your string has a data URI prefix (data:video/mp4;base64,...):
if "," in base64_str:
    base64_str = base64_str.split(",", 1)[1]
video_data = base64.b64decode(base64_str)

For large files, consider using base64.b64decode(base64_str, validate=True) to catch invalid characters before writing.

Base64 Video in API Responses

Base64-encoded video is especially common in responses from machine learning and computer vision APIs. Google Cloud's Video Intelligence API can return video segment data as Base64 strings. AWS Rekognition Video, document scanner SDKs, and mobile OCR libraries frequently serialize video frames or short clips as Base64 for transmission in JSON. When debugging these integrations, paste the Base64 value from the API response directly into this tool to instantly preview the video without writing any code.

Need to go the other direction? Use our Base64 to Audio tool for audio-only files, our Base64 Decoder for text data, or our Base64 Encoder to encode files to Base64.