Overlay and picture-in-picture

# Video Overlay Editor Online

Multi-trackNo uploadFree

Putting one video on top of another covers a lot of ground: a reaction cam in the corner of gameplay footage, a small presenter window over a screen recording, a logo bug that stays visible through a whole clip, or B-roll dropped above a talking-head track without losing the narration underneath. All of it needs the same two things a single-track trimmer does not have: a second video track, and control over where and how big that second clip appears.

## Project picker

Multi-track editing with WebCodecs · Frame-accurate seek · Source monitor

### New Project

## About Video Overlay Editor Online

The timeline here handles both. Drop your base footage onto track one and the overlay clip onto track two, then use the per-clip transform controls to scale it down and position it in whichever corner or edge fits the shot. Opacity and rotation are keyframable, so a reaction window can fade in a beat after the main clip starts, or a logo can sit at a fixed low opacity for the whole runtime.

What is missing today is chroma key. Without a green-screen cutout, an overlay clip appears as a rectangle, which works well for framed webcam windows, screen-recording insets, and logo bugs, and looks less natural for a full-body subject you want isolated from its own background. If keying a subject out of a green screen is the goal, this is not there yet.

## When to use this editor

#### Reaction videos

Gameplay or clip footage on track one, a reaction webcam on track two, scaled down into a corner window.

#### Picture-in-picture tutorials

A screen recording as the main track with a small presenter window layered on top so viewers see both the screen and the person explaining it.

#### Logo bugs and brand marks

A short looping logo clip positioned in a corner at low opacity, present for the full duration of the edit.

#### Two-camera interview cutaways

Cut briefly to a second camera angle as an overlay window instead of switching the whole frame away from the main shot.

#### B-roll over a talking head

Layer supporting footage above the narration track while the original audio keeps playing underneath.

## How to Overlay One Video on Another

#### 1 Add your main clip to track one

Click New Project and drop your base footage onto the first video track.

#### 2 Add the overlay clip to track two

Drag a second clip onto a new video track above the first.

#### 3 Scale and position the overlay

Use the per-clip transform controls to shrink the overlay and move it into a corner or edge.

#### 4 Export to MP4

Both tracks flatten into a single frame on export, saved directly to your device.

## Frequently asked questions

### Can I put one video on top of another?

Yes. Place your base footage on one video track and the overlay clip on a second track above it. Both play back together, with the top track rendering over the bottom one.

### Does this support picture-in-picture?

Yes. Scale the overlay clip down with the per-clip transform controls and position it in a corner to get the standard picture-in-picture look used for reaction and commentary videos.

### Can I resize and move the overlay clip?

Yes. Scale, position, and rotation are all per-clip properties, and each one can be keyframed so the overlay can move, grow, or fade during playback instead of staying static.

### Does it support chroma key or green screen?

Not yet. Overlay clips render as their full rectangular frame, so this works best for framed webcam windows, screen-recording insets, and logo bugs rather than a subject keyed out of a green background.

### How many overlay tracks can I stack?

There is no hardcoded track limit, but each additional track adds decode and render work, so the practical ceiling depends on your device. A laptop from the last few years handles two or three stacked video tracks at 1080p comfortably.

### Can the overlay have its own audio?

Yes. Each video track carries its own audio, so you can keep the overlay clip's sound, mute it, or lower its volume relative to the base track depending on which audio should lead.

## Your video never leaves your device

All processing happens locally in your browser, and your files never leave your device. The editor reads your video file through a standard browser file input, holds the bytes in memory, processes them in a Web Worker against WebCodecs and FFmpeg WASM, and writes the final MP4 back to your disk. No upload, no cloud rendering, no external copy.

## Related Tools and Resources

#### [Online video editor](/video-editor)

The full editor landing page with the project picker.

#### [Podcast video editor](/video-editor-for-podcasters)

Multi-track editing for two-camera interviews.

#### [Trim video](/trim)

Quick trims without loading the full editor.

#### [Compress video](/compress)

Shrink the finished overlay export before sharing.

#### [YouTube video editor](/video-editor-for-youtube)

16:9 editing for longform overlay edits.

---
Source: [https://vidstudio.app/video-editor-overlay](https://vidstudio.app/video-editor-overlay)
