FFmpeg's wiki and the webm project differ in their instructions on how to convert a video. Doing it yourself can be a different can o worms.

It gave me a webm with a YUV444p profile.Ĭonverting an MP4 to webm is a fairly straightforward process for video services like Cloudinary or gyfcat.

So I figured out it was the Webm profile that came from my screen recording software. I crashed Firefox for Android's browser on my Nexus Devices (Nexus 5 and 5X). I went about converting MP4 videos to Webm. While doing this I wanted to use some 'stockish' video files and some screen recordings. Here are what the commands would look like in ffmpeg although that’s probably obvious: ffmpeg -i inputfile-with-theora-vid.mkv -codec copy outputfile.ogvįfmpeg -i inputfile-with-vp8-vid.mkv -codec copy outputfile.I recently created a Bolt CMS extension that adds in HTML5 videos so I could use those in a Gif like animation, or regular videos. Handbrake can provide VP8 (sadly not VP9 yet), so again I can create an mkv file with VP8 video and then remux it to webm with ffmpeg. And luckily Handbrake can provide that, so I can create an mkv file with a Theora video stream in it and then remux it to ogv with ffmpeg. So, all I need now is some video streams accepted by ogv and webm. The syntax for this is, for instance: ffmpeg -i inputfile.mkv -codec copy outputfile.mp4 I eventually settled for ffmpeg, which is command-line based but otherwise great (NB: as mentioned on the download page, “if you are confused about what build type you need just download a static build”).Ī nice trick in ffmpeg is that you can demux and remux without re-encoding the streams. Ogv and WebM are a bit less obvious, Handbrake doesn’t support them and apparently it’s easy to get lost in the jungle of video converters. MP4 is easy, my usual video compressing software, Handbrake, supports it (although I usually use it to obtain MKV).

For the various browsers, I needed an mp4 file, and ogv file, and a webm file. However, of course, you have to provide it with the appropriate video formats, and that’s where things get a little bit more complicated. It is quite convenient as it does all the handling of various browser compatibility with different video formats so as to display a video in the background of the body or a div. I recently had to use the BG plugin for a site I work on.

Handbrake webm