How to Crop Videos

By  on  

During a recent episode of the Script and Style podcast, I had noticed that the video recording had showed a bit of our internal chat that wasn't necessary for our viewers to see. While there's nothing wrong with giving viewers a peek into the show preparation, presenting the best possible video is our priority. So how can we crop a video via command line?

The amazing ffmpeg utility allows engineers to crop videos with one easy to use filter:

# Crop an image to 500x500 starting at 0x0
ffmpeg -i sns-episode.webm -filter:v "crop=500:500:0:0" sns-episode-cropped.mp4

The crop filter format is easy to follow: {desired_width}:{desired_height}:{start_x}:{start_y}.

I've written dozens of posts about ffmpeg and how it has the power to manipulate videos in amazing ways. Now you know how to crop videos quickly from command line!

Recent Features

  • By
    Chris Coyier’s Favorite CodePen Demos

    David asked me if I'd be up for a guest post picking out some of my favorite Pens from CodePen. A daunting task! There are so many! I managed to pick a few though that have blown me away over the past few months. If you...

  • By
    7 Essential JavaScript Functions

    I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent.  Times have changed but there are still a few functions each developer should...

Incredible Demos

  • By
    Unicode CSS Classes

    CSS class name structure and consistency is really important; some developers camelcase classnames, others use dashes, and others use underscores.  One thing I've learned when toying around by HTML and CSS class names is that you can actually use unicode symbols and icons as classnames.

  • By
    MooTools Clipboard Plugin

    The ability to place content into a user's clipboard can be extremely convenient for the user. Instead of clicking and dragging down what could be a lengthy document, the user can copy the contents of a specific area by a single click of a mouse.

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!