HTML5 audió-videó MIME típusok

Ha WebMatrix (IIS Express) vagy IIS alatt próbálkozunk a HTML5 új <audio> és <video> tag-jeivel, akkor először nagy valószínűséggel azt fogjuk tapasztalni, hogy bár a lejátszó megjelenik, a lejátszás nem indul el. Jobban megnézve a HTTP forgalmat, az alábbi hibaüzenettel szembesülhetünk:

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.

A hibaüzenet és az alatta található részletes leírás eléggé magáért beszél, a hiba oka az, hogy az IIS nem engedélyezi az új audió és videó fájlok letöltését, mert nem ismeri őket. Az IIS kiokosításához persze használható a hibaüzenethez tartozó leírásban található parancssoros appcmd is, de sokkal egyszerűbb, ha beírjuk ezeket a sorokat a web.config fájlba és már készen is vagyunk:

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
      <mimeMap fileExtension=".m4v" mimeType="video/m4v" />            
      <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
      <mimeMap fileExtension=".webm" mimeType="video/webm" />
    
      <mimeMap fileExtension=".m4a" mimeType="audio/mp4" />
      <mimeMap fileExtension=".oga" mimeType="audio/ogg" />
      <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />            
      <mimeMap fileExtension=".spx" mimeType="audio/ogg" />
    
      <mimeMap fileExtension=".svg" mimeType="images/svg+xml" />
      <mimeMap fileExtension=".svgz" mimeType="images/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" />
            
    </staticContent>    
  </system.webServer>
</configuration>

Forrás: Mads Kristensen

 

Technorati-címkék: ,,,

4 thoughts on “HTML5 audió-videó MIME típusok

  1. Kollár Tamás

    Helló!

    Pont az itt leírt probléma lépett fel egy általam fejlesztett drupal site-on.
    linux apach webszerveren fejlesztettem, ott minden jó volt, aztán átköltöztettem egy IIS 7.5-re de ott fellépett ez a probléma.
    http://vevida.conceptbrigade.nl/info.php

    Alapból nem találtam web.config fájlt a tárhelyen így létrehoztam a fent leírt tartalommal a weboldal gyökérkönyvtárában,de a így most minden kép és formázás eltűnt mintha semmit sem találna az oldal, valamit rosszul csináltam?

  2. Balássy György Szerző

    Ha erről a .nl webhelyről van szó, akkor ott Firebuggal megnézve az látszik, hogy a fájlok HTTP Error 500 – Internal Server Error hibával nem tudnak letöltődni. Ennek számos oka lehet, célszerű lenne megnézni a Windows eseménynaplóban, hátha ott van bővebb üzenet, vagy beállítani a customErrors elemet úgy, hogy megjelenjen a teljes hibaüzenet. Nekem most a HTTP válaszból úgy tűnik, hogy nem jók a response headerek, mert PNG fájlra is text/html-t ad vissza a szerver.

  3. Berzsenyi Máté

    Ezúton köszönöm a segítséged! Pontosan a fenti hibával szembesültem. A mit nem, csak a hogyan okozott gondot, nem tudtam milyen MIME típust használjak, hogy rávegyem az IIS-t a video fájl engedélyezésére. A leírásod rövid és lényegre törő, tökéletes😉

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s