Video Overlay

Overlay one video on top of another video

Click to upload file or drag and drop file here

Maximum file size: 100MB Supported formats: video/*

Click to upload file or drag and drop file here

Maximum file size: 200MB Supported formats: video/*

5 25 100

Size of overlay video relative to base (5-100%)

0.1 1 1

Overlay opacity (0.1 = transparent, 1 = opaque)

Key Facts

Category
Images, Audio & Video
Input Types
file, select, range
Output Type
file
Sample Coverage
4
API Ready
Yes

Overview

The Video Overlay tool allows you to easily merge two videos by placing one on top of another in a customizable picture-in-picture (PiP) layout. Simply upload your background base video and overlay video, then adjust the position, scale, and opacity to create professional composite videos in MP4, WebM, or MKV formats.

When to Use

  • •When creating reaction videos or gameplay commentary where you need a smaller facecam video overlaid on the main footage.
  • •When adding a sign language interpreter video to the corner of an educational or public announcement video.
  • •When placing a semi-transparent watermark, animated logo, or secondary B-roll clip over a primary video track.

How It Works

  • •Upload your primary background video as the Base Video and the secondary clip as the Overlay Video.
  • •Select the overlay position from options like top-right, bottom-left, or center, and adjust the scale percentage to resize the overlay.
  • •Set the opacity level to make the overlay semi-transparent if needed, and choose your preferred output format (MP4, WebM, or MKV).
  • •Process the video to render the composite layers and download the final picture-in-picture file.

Use Cases

Creating picture-in-picture gameplay videos with a facecam overlay in the top-right corner.
Adding a semi-transparent corporate logo or watermark video over promotional footage.
Embedding a sign language translation video at the bottom-right of an instructional lecture.

Examples

1. Gaming Walkthrough with Facecam

Gaming Content Creator
Background
A streamer wants to combine their high-definition screen recording with a separate webcam recording of their reactions.
Problem
The creator needs to place the webcam footage in the top-right corner of the gameplay video without manual timeline editing in heavy software.
How to Use
Upload the gameplay recording as the Base Video and the webcam recording as the Overlay Video. Set the position to 'top-right', scale to 25%, and select MP4 as the output format.
Example Config
Base Video: gameplay.mp4, Overlay Video: webcam.mp4, Position: top-right, Scale: 25%, Opacity: 1.0, Output Format: mp4
Outcome
A single MP4 video showing the gameplay with the webcam reaction perfectly scaled and positioned in the top-right corner.

2. Adding a Semi-Transparent Watermark Video

Video Editor
Background
A production house needs to distribute preview copies of a documentary while protecting their intellectual property.
Problem
They need to overlay a moving watermark video in the center of the main footage with low opacity so it doesn't block the view entirely.
How to Use
Upload the documentary draft as the Base Video and the watermark loop as the Overlay Video. Set the position to 'center', scale to 50%, and lower the opacity to 0.3.
Example Config
Base Video: documentary_draft.mp4, Overlay Video: watermark_loop.mp4, Position: center, Scale: 50%, Opacity: 0.3, Output Format: mkv
Outcome
A preview MKV video with a subtle, semi-transparent watermark layered directly over the center of the footage.

Try with Samples

video, file
Video Samples
Sample video files in different formats and orientations
title token video
video
Video AV1 Samples
Sample video files encoded in AV1 format
title token video
video
Video H.264 Samples
Sample video files encoded in H.264 (AVC) format
title token video
video
Video H.265 Samples
Sample video files encoded in H.265 (HEVC) format
title token video
video

Related Hubs

Video-to-Audio and Animation Conversion Tools
Compare tools that turn video into audio, extract video streams, and convert between short-form video and animated image formats in one hub.
Video Preview, Extraction, and Subtitle Tools
Compare video preview generation, stream extraction, audio extraction, subtitle translation, and quick flip tools in one hub for lightweight video prep workflows.

FAQ

What video formats are supported for output?

You can export your overlaid video in MP4, WebM, or MKV formats.

Can I adjust the size of the overlay video?

Yes, you can scale the overlay video from 5% up to 100% of the base video's size.

Where can I position the overlay video?

You can position it in any corner (top-left, top-right, bottom-left, bottom-right), center-aligned (top-center, bottom-center), or directly in the center.

Can I make the overlay video semi-transparent?

Yes, you can adjust the opacity slider from 0.1 (nearly transparent) to 1.0 (fully opaque).

Is there a file size limit for the uploaded videos?

Yes, the base video limit is 100 MB and the overlay video limit is 200 MB.

API Documentation

Request Endpoint

POST /en/api/tools/video-overlay

Request Parameters

Parameter Name Type Required Description
baseVideo file (Upload required) Yes -
overlayVideo file (Upload required) Yes -
position select No -
scale range No Size of overlay video relative to base (5-100%)
opacity range No Overlay opacity (0.1 = transparent, 1 = opaque)
outputFormat select No -

File type parameters need to be uploaded first via POST /upload/video-overlay to get filePath, then pass filePath to the corresponding file field.

Response Format

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
File: File

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-video-overlay": {
      "name": "video-overlay",
      "description": "Overlay one video on top of another video",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=video-overlay",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

Supports URL file links or Base64 encoding for file parameters.

If you encounter any issues, please contact us at [email protected]