KNOWLEDGE BASE

HTML5 and CSS3 introduce some new exciting new features that will improve web design. Among other things, we can now include videos, sounds and custom fonts in a web page without the need to include any external javascript libraries or flash players to play back the media.  But in practice, you may need to modify your IIS setting to be able to serve out these new media types.

Some of these file types are relatively new to the web, so you will need to add the MIME types for your files to your IIS configuration. If you have trouble getting files to play and are getting:

HTTP Error 404.3 - Not Found

The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.

This is because IIS will only serve out files that are defined MIME types - so you will need to add the ones for your files manually.

To resolve this, add your MIME type definitions into your web.config settings under the <system.webServer> , <staticContent> section.

Here are entries for some of the common HTML5 MIME types:

<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
<mimeMap fileExtension=".m4v" mimeType="video/m4v" />
<mimeMap fileExtension=".ogg" mimeType="video/ogg" />
<mimeMap fileExtension=".ogv" mimeType="video/ogg" />
<mimeMap fileExtension=".webm" mimeType="video/webm" />
<mimeMap fileExtension=".oga" mimeType="audio/ogg" />
<mimeMap fileExtension=".spx" mimeType="audio/ogg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".otf" mimeType="font/otf" />
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />