What Is the Official MIME Type for a WebM File?

When serving or handling WebM media files on the web, using the correct Media Type (formerly known as a MIME type) ensures that browsers and media players correctly identify and stream the content. This article covers the official MIME types designated for WebM audio and video files, how they function within standard web development configurations, and why utilizing the precise identifier is crucial for seamless media playback.

The Official WebM MIME Types

The Internet Assigned Numbers Authority (IANA) recognizes specific MIME types for the WebM format depending on whether the container holds video content or strictly audio content.

Using video/webm for a standard video file tells the web browser to expect a container that typically utilizes the VP8, VP9, or AV1 video codecs alongside Vorbis or Opus audio codecs.

Why the Correct MIME Type Matters

Web browsers rely heavily on the Content-Type header sent by a web server rather than just looking at the file extension (such as .webm). If a server misconfigured and sends a generic type like application/octet-stream or text/plain, the browser may fail to stream the video inline, refuse to hardware accelerate the playback, or simply download the file instead of playing it.

Server Configuration Examples

To ensure web servers deliver WebM files with the proper MIME type, specific configuration rules must be active.

For an Apache server, the following lines are typically added to the .htaccess or httpd.conf file:

AddType video/webm .webm
AddType audio/webm .weba

For an Nginx server, the mappings are defined within the mime.types configuration file:

types {
    video/webm webm;
    audio/webm weba;
}

HTML5 Implementation

When embedding WebM media into a webpage using HTML5, explicitly declaring the type attribute within the <source> tag helps the browser quickly determine if it supports the format before attempting to download the file.

<video controls>
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

Providing the correct video/webm or audio/webm type ensures maximum compatibility, faster loading behaviors, and a smoother user experience across all modern web browsers.