Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Convert webm to mp4

By  on  

There's an upcoming Mozilla trip to Hawaii on the cards and, in trying to be a good family man, I'm bringing my wife and two young sons.  Glutton for punishment?  Probably.  Anyways, I've been feverishly downloading cartoons from YouTube using youtube-dl to put onto our new iPad to keep my oldest son occupied during the long flight.

It seems as though YouTube preserves the original video format, since sometimes youtube-dl provides a webm and other times a mp4.  Since mp3s are iOS' best friend, I've needed to convert the webm files to mp4.  The following ffmpeg command will make that happen:

ffmpeg -i "Spider-Man.webm" -qscale 0 "Spider-Man.mp4"

The qscale 0 directive instructs ffmpeg not to adjust quality of the video during conversion.  And with this conversion I can now properly transfer the videos onto my iPad.

Check out my media tutorials for more magic when it comes to video, audio, and images.  You're sure to learn a few tricks along the way.

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
    Send Text Messages with PHP

    Kids these days, I tell ya.  All they care about is the technology.  The video games.  The bottled water.  Oh, and the texting, always the texting.  Back in my day, all we had was...OK, I had all of these things too.  But I still don't get...

Incredible Demos

  • By
    Chris Coyier: Some Amazing Work on CodePen III

    I'm back! David asked me to rope up some of my favorite stuff on CodePen again, which I both love doing, and wince at the thought of having to pick so few favorites. I like a ton of stuff on...

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

Discussion

  1. Raph

    Hello,

    Have a look at this : https://www.onlinevideoconverter.com/firefox-addon

    This Grease adds a “convert” video to Youtube. Everything is processed on their server and it’s pretty fast !

  2. Neovov

    What about using the --list-formats argument with youtube-dl and download the MP4 that suits your needs?

  3. Jason Watkins

    Suggested code doesn’t work (10/22/17), Ubuntu 16.04.3 amd64

    “The encoder ‘aac’ is experimental but experimental codecs are not enabled, add ‘-strict -2’ if you want to use it.”

  4. Leo Vdw

    It now says “Please use -q:a or -q:v, -qscale is ambiguous”.
    I guess -q:v 0 would be the new substitute.

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