2012-03-28 9 views
23

Acabo de descargar mediaelement.js de http://mediaelementjs.com. Se ve muy bien.flash fallback video black screen - sin video, solo elemento de audio

Aunque en los archivos de demostración, los videos no se reproducirán en IE 8. El reproductor muestra una pantalla negra, pero puedo escuchar el audio.

También he intentado instalar en un servidor solo para obtener el mismo problema. ¿Alguien puede aclararme, cualquier ayuda sería muy apreciada?

10 minutos después ... curado, fijo, todo bien. Vea el answer a continuación.

+2

Gracias, yo tenía el mismo problema exacto. Me pregunto si la posición: absoluta; solo desencadena el error en ciertas condiciones? Como el actual mediaelement.js también incluye este error, aparentemente nadie se preocupa lo suficiente como para solucionarlo. –

+0

Qué gran descubrimiento. He perdido mucho tiempo tratando de aislar este problema. ¡Gracias por compartir! –

+1

@ Chemi, ¿te importaría publicar tu respuesta como respuesta (en tu propia pregunta)? Por lo tanto, podría ser votada. – Marcel

Respuesta

6

El problema era position: absolute en el css .me-plugin increíble

Realmente espero que esto ayuda a los demás. Fue un golpe de suerte total que lo probé.

+0

Sí, increíble! El problema es definitivamente ese atributo de posición css para la clase ".me-plugin" en mediaelementplayer.css. La solución es simplemente comentar "posición: absoluta" o cambiarla a "posición: relativa", lo que prefiera. –

1

Mediaelement.js obras en IE8 si se establece la position: static; y no absolute, ya que actualmente es, a la div con la clase .me-plugin.
Todavía mostrará un video en negro si lo prueba con IE9 Browser Mode IE8. Simplemente consulte con IeTester o en una pc con XP.

Espero que ayude ...

+2

Incluso después de cambiar '' position: static; '' no parece funcionar para mí si está en un cuadro de diálogo de jQuery UI. ¿Eso es porque el diálogo en sí mismo es '' position: absolute; ''? De cualquier forma alrededor de esto? – MatthewKremer

3

Si alguien tiene problemas con el resguardo de Flash en Internet Explorer 8, para mí que el código de ayuda:

var player = new MediaElementPlayer('#player', { 
    /* ... place your options here ... */ 
    enableAutosize: true, 
    success: function(player, node) { 
     player.setVideoSize(480,325); 
    } 
} 
Cuestiones relacionadas