MediaElement Player

Making HTML5 Video and Audio Work

MediaElement is one of the better polyfills for HMTL5 video and audio and it is continously being improved.

To implement:

  1. Make sure your server is serving MIME-types correctly.
  2. Add jQuery and the mediaelement library (typically done before the ending </body> tag).
  3. Add the CSS to the <head> section.
  4. Make sure the graphic elements are visible to your CSS file.
  5. Create a standard HMTL5 Audio or Video tag in your page.
  6. Convert the tag you just added to a Mediaelement by calling: $('video,audio').mediaelementplayer();

For detailed instructions, check out the Mediaelement home page.