elemento de audio no se mostrará/iframe jugar adentro en Firefox

tengo este fragmento de HTML 5, que permite al usuario hacer clic y jugar un poco de audio:elemento de audio no se mostrará/iframe jugar adentro en Firefox

<audio controls> 
    <source src="cell.ogg"> 
    <source src="cell.mp3"> 
    <source src="cell.m4a"> 
</audio>

Esto funciona bien en FF 8 en OS X Lion. Aparecen los controles del reproductor de audio, puedo hacer clic en reproducir y reproduce la versión ogg.

Pero si pongo el archivo contenedor dentro del iframe de otro documento HTML5 (ambos del sistema de archivos local, no hay problemas de origen cruzado), entonces no funciona. El resto del HTML se muestra bien, pero Firefox actúa como si no admitiera ninguno de los formatos de medios.

Aquí es la función que utilizo para añadir la página a la iframe:

function postContentToIframe(content) 
{ 
    var iframe = $("#displayContents")[0].contentWindow.document; 
    iframe.open(); iframe.close(); // must open and close document object to start using it! 
    $("body", iframe).append(content).hide().fadeIn("slow"); 
    return; 
}

Así es como FF hace que sea.

enter image description here

¿Por qué? ¿Y cómo lo arreglo? TIA.

Fuente

2011-12-19 james.garriss

Nueva información: alojé los archivos en Apache (porque Chrome tiene problemas de origen cruzado con archivos locales). Probado con Chrome 16. ¡Mismo problema exacto! El audio se reproduce cuando se procesa como su propia página, pero no cuando está en el iframe. Extraño. –

Me pregunto si se trata de un problema de seguridad. ¿Recibes algún informe de error en la consola? –

Estoy haciendo un poco de registro, que aparece en la consola, pero no hay errores en FF o Chrome. –

Misterio resuelto. Era un problema de directorio/URL relativo. El archivo HTML base (con el elemento iframe) estaba en un directorio diferente del archivo HTML adjunto (el contenido del iframe) y los archivos de audio. Por lo tanto, no pudo encontrar los archivos de audio.

Solución: Ponga todos los archivos en un directorio o (mejor) use URL absolutos en lugar de URL relativas.

Fuente

2011-12-19 17:58:30

elemento de audio no se mostrará/iframe jugar adentro en Firefox

Respuesta

Cuestiones relacionadas