Place a second video as a small window over your main video, like a facecam on a gameplay clip or a reaction in the corner. Drag it into place, pick a rounded or circle frame, line up the timing and save the result as MP4, all in your browser.
Last updated:
Drag the inset on the preview to move it; drag its corner handle to resize. Arrow keys move it when the preview is focused.
Layout preview · choose two videos or try the sample clips
0:00 / 0:00
Position & size
Shape & border
Timing & sound
Audio from
Output
Your picture-in-picture video
Advertisement
Advertisement
How to use the Picture in Picture Video Maker
Choose the main video (it fills the frame) and the inset video (the small window), or press Try sample clips.
Position the inset: click a corner preset or drag it on the preview, and drag the round handle to resize it.
Style it: pick Rectangle, Rounded or Circle and set the border and shadow.
Set the timing and sound: move the start offset if the inset should appear later, and choose which audio to keep.
Press Create PiP video, wait while it renders in real time, then press Download video.
Common picture-in-picture layouts
Use
Shape
Size
Position
Audio
Gaming facecam
Rounded or circle
20 – 28%
Bottom left or right, away from the game HUD
Both
Reaction video
Rounded
30 – 40%
Top or bottom right
Both, or inset only
Tutorial with presenter
Circle
18 – 25%
Bottom right
Inset (the voice)
Before / after or zoom detail
Rectangle with border
35 – 45%
Top right
Main
Sign language interpreter
Rectangle
25 – 33%
Bottom right, full height of the lower third
Main
How the inset is placed
The finished video takes its aspect ratio from the main video. The inset width is a percentage of the output width and its height follows the inset video's own aspect ratio (a circle is always as tall as it is wide). Corner presets put the inset at the edge margin, measured as a percentage of the shorter side, so a 3.5% margin on a 1920×1080 video is about 38 px. If the inset video has a different shape from its frame, it is scaled to fill the frame and the overflow is cropped from the centre, so there are never black bars inside the inset.
Tips for a clean result
Keep important parts of the main video, such as subtitles, scores or a game minimap, clear of the inset; the bottom-right corner is not always the best spot.
Record the facecam or reaction with a plain background and good front light; a small inset makes noise and dark footage more obvious.
To align two recordings of the same event, find a sharp sound or a clap in both and adjust Inset starts until they match in the preview.
Trim both clips first with the Video Trimmer if you only need part of them; rendering then takes less time.
Frequently asked questions
How do I put one video on top of another?
Choose your background clip as the main video and the clip you want to overlay as the inset video. The inset appears in the bottom-right corner at 30% of the width; drag it anywhere, resize it with the handle and press Create PiP video to save the combined file.
Can I make the overlay a circle?
Yes. Choose Circle under Shape and border. The inset is cropped to a circle from the centre of the overlay video, which works well for facecams and reaction videos. Add a white or coloured border to make it stand out.
How do I sync the two videos?
Use Inset starts: a positive value makes the inset begin that many seconds after the main video, and a negative value skips the start of the inset. Use the −0.5 and +0.5 buttons for quick nudges or type an exact value, then play the preview to check the sync.
Which audio is used in the finished video?
By default only the main video's sound is kept. You can switch to the inset's sound, mix both together at slightly reduced volume to avoid clipping, or remove sound entirely.
What size is the output video?
The output has the same aspect ratio as the main video. With Size set to Up to 1080p, a 4K main video is scaled to 1920×1080, while smaller videos keep their size. The inset size is a percentage of the output width, so the layout stays the same at every size.
Why does rendering take as long as the video?
The browser plays both videos in real time, draws them onto a canvas and records the canvas with the MediaRecorder API. A 2 minute video takes about 2 minutes. Keep the tab open and visible until it finishes.
Are my videos uploaded?
No. Both videos are decoded, combined and encoded inside your browser. Nothing is uploaded and no watermark is added.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.