Video Picture-in-Picture - Overlay Video Editor

Create picture-in-picture videos with overlay positioning. Upload two videos, adjust size and corner placement, add borders. Browser-based, private.

Upload Videos

Main Video (Background) The primary video that will fill the screen

Overlay Video (Picture-in-Picture) The smaller video that appears on top

Overlay Position

Corner Position

Overlay Size

Margin from Edges

Border Width

Border Color

Preview vs Process: Use the preview controls for instant visual feedback. Click "Process Video" to create a downloadable MP4 file with your settings applied.

FFmpeg Command

For command-line export with these settings:

Upload videos to see FFmpeg command

Tips for Best Results

Size Guidelines: 20-25% for webcam overlays, 33% for reaction videos
Position: Bottom-right is most common and natural for viewers
Border: Add 2-3px white border to separate overlay from main video
Format: Use MP4 (H.264) for both videos for best compatibility
Resolution: Match video resolutions when possible for optimal quality
Audio: Only main video audio plays; use FFmpeg for dual audio mixing

Video Reverser - Play Videos Backwards O…

Video Audio Replacement Tool - Swap Audi…

Video Color Correction Tool - Adjust Col…

Video Speed Changer - Adjust Playback Sp…

Video Merger - Combine Multiple Videos O…

View all Video editors →

Frequently Asked Questions

Picture-in-picture (PiP) is a video editing technique where a smaller video is overlaid on top of a larger main video. It's commonly used for reaction videos, tutorials with webcam overlays, live streams with gameplay and face cam, or any content combining two video sources simultaneously.

Use PiP for gaming videos with webcam commentary, tutorial videos showing both screen recording and presenter, reaction videos displaying the reactor alongside original content, interview recordings with multiple camera angles, or live stream recordings combining gameplay and streamer feed.

This tool supports all common video formats that browsers can play, including MP4 (H.264), WebM, and Ogg. For best compatibility and quality, MP4 with H.264 encoding is recommended. Both the main video and overlay video can be in different formats.

For webcam overlays in gaming videos, 20-25% is standard. For reaction videos where both videos are important, use 33%. For minimal distraction (news-style), use 10-15%. Consider the content importance and screen space - larger overlays work better on widescreen videos.

Bottom-right is most common and follows viewer eye patterns. Top-right works well for gaming HUDs that occupy bottom corners. Bottom-left suits right-side UI elements. Top-left is least common but useful when other corners have important content. Match your main video's composition.

Yes, you can add a customizable border around the overlay video to make it stand out from the main video. This is especially useful when the overlay and main video have similar colors or when you want to create a professional broadcast look.

Absolutely. This tool processes videos entirely in your browser using the HTML5 Canvas API and video elements. No video files are uploaded to any server. All processing happens locally on your device, ensuring complete privacy for your content.

The tool automatically handles different aspect ratios by maintaining each video's original proportions. The overlay video will scale proportionally to fit the specified size percentage while preserving its aspect ratio, preventing distortion.

Yes! This tool includes both real-time preview and video export functionality. The preview shows instant results using Canvas API, while the 'Process Video' button uses FFmpeg.wasm to create a downloadable MP4 file with the picture-in-picture effect permanently rendered.

The tool plays audio from the main video by default. For dual audio mixing or advanced audio control, you'll need dedicated video editing software like DaVinci Resolve, Adobe Premiere Pro, or FFmpeg command-line processing with audio filter graphs.

Video Picture-in-Picture - Overlay Video Editor

Upload Videos

Overlay Position

Processed Video

FFmpeg Command

Tips for Best Results

Related Tools