“Error: tipo de audio no admitido o ruta de archivo no válida” para la etiqueta de audio HTML5 en Internet Explorer 10
Tengo el siguiente documento html5 con etiqueta de audio y un respaldo a Flash para los navegadores que no lo admiten:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
<audio autoplay controls preload="auto" autobuffer>
<source src="trumpet.ogg" type="audio/ogg">
<source src="trumpet.mp3" type="audio/mp3">
<source src="trumpet.wav" type="audio/wav">
<source src="trumpet.m4a" type="audio/aac">
<!-- Flash fallback -->
<object width="1" height="1" type="application/x-shockwave-flash" data="player.swf">
<param name="movie" value="player.swf">
<param name="flashvars" value="file=trumpet.mp3">
</object>
</audio>
</body>
</html>
Todos los archivos son devueltos por el servicio con el tipo MIME correcto en el encabezado http. La solución funciona bien para todos los navegadores que excepto Internet Explorer 9 y 10 (excepto para el modo de compatibilidad porque allí se reproducirá el archivo Flash).
En esos dos navegadores puedo ver los controles del reproductor con un mensaje de error que dice "Error: tipo de audio no admitido o ruta de archivo no válida". Traté de barajar el orden de las etiquetas de origen, pero no pude encontrar una solución para hacer que tocara ninguna de ellas.
¿Alguien tiene una pista sobre qué comprobar o qué está mal aquí?
Por favor mirahttp://l.urff.at/html5audioexample Para el marcado anterior en acción.
Gracias de antemano por cualquier consejo o sugerencia útil! :)