Video Cropper

Summary

Video Cropper lets you load any video file locally in your browser, draw a precise crop rectangle over the frame using drag handles, and preview the cropped output in real time. When you are happy with the region, click Record to capture the cropped area into a downloadable WebM file using the browser's built-in MediaRecorder API. No file is ever uploaded — everything runs entirely in your browser.

How it works

1. Click "Choose Video" to load an MP4, WebM, or MOV file from your device.
2. The video appears on a canvas with a crop rectangle drawn over it.
3. Drag any corner handle to resize the crop area, or drag the center to reposition it.
4. The live preview canvas on the right shows exactly what will be captured.
5. Click "Record Crop" to play the video and capture the cropped region.
6. When the video ends (or you click Stop), download the cropped WebM file.

Use cases

• Remove black bars or unwanted borders from a screen recording.
• Crop a talking-head video to a portrait aspect ratio for social media.
• Extract a specific region of interest from a surveillance or demo video.
• Resize a widescreen clip to square for Instagram or TikTok.
• Remove a watermark region by cropping it out of the frame.
• Focus a tutorial video on a specific UI area to remove distractions.

Frequently Asked Questions