HTML5 Baseline Codec Media Element

 HTML5 baseline codec is a video and audio formats supported by all browsers. As a result, we can rely on this media element for our development.

Codec audio or video data can be compared to compressed data and is delivered in a pocket from the source to a video or audio player. There are quite a few codec formats in existence. In addition, there are encapsulation formats that are used to package data. For example, there are MPEG, WMV, AVI, MOV, FLV and MP4 encapsulation formats. This formats acts as containers for the video or audio data during transmission of this data over the wire. In addition, there are many more different video and audio codes exist. For example, there are MPEG-1, MPEG-2, H.263, VP8, FLAC, MPEG-4 AAC, WAV and Dirac.

Each codec can be encapsulated into corresponding containers. Moreover, some of the codec formats can be encapsulated into containers not designed for them. However, each codec has corresponding container designed for it and it must be used as prescribed in order to achieve optimal performance.

There are open source and royalty free video file formats in the making. Google supports WebM that is designed to overcome many limitations of other open source formats. The WebM video codec is designed specifically with HTML5 in mind. Moreover, many hardware and software companies are lining behind this format making it more attractive for developers to learn and use. 

Here is a list of browsers and audio/video formats that they support

  • Safari - MP4 H.264/AAC
  • Chrome - Ogg Theora, MP4 H.264/AAC, WebM
  • Firefox - Ogg Theora, WebM
  • IE - MP4 H.264/AAC
  • Opera - Ogg Theora, WebM

It’s important to note that YouTube runs audio and video content using WebM codec.

Featured pages


Learn about HTML5 architecture, design principles and patterns on HTML5 Overview Tutorial. Become …


Learn about HTML5 tags and discover a new list of HTML5 tags. Find out about HTML5 tags support by…


 Learn HTML5 development techniques, tips and tricks on our website. Find out what is required…

Date Time Picker

HTML5 forms use date and time controls regularly. HTML5 date and time controls are used by booking …