Skip to main content
Participating Frequently
Dec 5, 2011 5:00 PM UTC
Question

HTML5 video encoding

What are people using to encode video for HTML5? The players I have looked at want .mp4, .ogg, and .webm. Media Encoder (At least the CS5 version) doesn't do the last 2. I tried the Miro encoder, but that has no controls, and has quality issues. I'm looking for a professional solution (hopefully not crazy expensive) for OSX.

    This topic is closed to new replies. Start a new post to keep the conversation going.

    10 replies

    Participant
    May 3, 2012 7:59 PM UTC

    Hi Jay,

    Sorry to be late to the party, but this is exactly what I do for work everyday.

    I am unfortunately using Final Cut to make my .mp4's, but once I have the file, I use firefogg.org from Mozilla to convert it into an .ogv file. Firefogg will also make a webm, so you can kill all the birds with one tool. If you use the Advanced Options, you can set things like resolution, keyframes and 2-pass encoding, which will make your .ogv look MUCH better.


    Give it a shot, it's a really useful tool, especially for supporting video in HTML5!

    jaymcdonald wrote:

    What are people using to encode video for HTML5? The players I have looked at want .mp4, .ogg, and .webm. Media Encoder (At least the CS5 version) doesn't do the last 2. I tried the Miro encoder, but that has no controls, and has quality issues. I'm looking for a professional solution (hopefully not crazy expensive) for OSX.

    Translate
    timihendrix33
    Participant
    Sep 18, 2014 4:27 PM UTC

    Firefogg is great, thanks!

    Translate
    Participant
    Dec 6, 2011 3:32 AM UTC

    That's a good question. Jonriber.

    Translate
    able123
    Inspiring
    Dec 6, 2011 3:43 AM UTC

    read above...

    ===========

    While we’re concerned about the licensing and patent requirements of H.264, it isn’t hard to notice that if you skip Theora and make all non-H.264 fall back to Flash, you’ve still saved yourself a considerable encoding headache. In fact, that’s probably the best practical argument against Mozilla and Opera’s refusal to support H.264.

    =============

    info is about a year old though

    Translate
    Legend
    Dec 5, 2011 6:46 PM UTC

    I'm not doing HTML5 at the moment, myself.  H.264 is the best quality you can get, and Firefox doesn't support it in HTML5.  So I still do the Javascript player thing to get that superior H.264 quality in Firefox.

    Translate
    davidbeisner2010
    Inspiring
    Dec 5, 2011 6:48 PM UTC

    I agree with Jim on the H.264... I do video for the web professionally and though we've not yet begun integrating our video directly with HTML5, I can vouch for H.264 being the best codec to use... Media Encoder has some great presets for it, and I would bet that using one of the presets for Vimeo or YouTube would get you a good mp4 file that would play fine in an HTML5 player.

    Translate
    Participating Frequently
    Dec 5, 2011 6:57 PM UTC

    David: As I understand it, Firefox won't play video through a <video> HTML5 tag if it is H.264. Am I missing something?

    Translate