Skip to main content
Participating Frequently
December 5, 2011
Question

HTML5 video encoding

  • December 5, 2011
  • 3 replies
  • 53725 views

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 has been closed for replies.

    3 replies

    Participant
    May 3, 2012

    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.

    timihendrix33
    Participant
    September 18, 2014

    Firefogg is great, thanks!

    Participant
    December 6, 2011

    That's a good question. Jonriber.

    able123
    Inspiring
    December 6, 2011

    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

    Legend
    December 5, 2011

    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.

    davidbeisner2010
    Inspiring
    December 5, 2011

    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.

    Participating Frequently
    December 5, 2011

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