2012-03-28 21 views
23

Ho appena scaricato mediaelement.js da http://mediaelementjs.com. Sembra davvero buono.flashback fallback video schermo nero - nessun video, solo elementi multimediali audio

Anche se nei file demo, i video non verranno riprodotti in IE 8. Il lettore sta visualizzando uno schermo nero, ma riesco a sentire l'audio.

Ho anche provato a installare su un server solo per ottenere lo stesso problema. Qualcuno può illuminarmi, ogni aiuto sarebbe molto apprezzato.

10 minuti dopo ... Curato, risolto, tutto bene. Vedi lo answer qui sotto.

+2

Grazie, ho avuto lo stesso problema esatto. Mi chiedo se la posizione: assoluta; attiva il bug solo in determinate condizioni? Dal momento che l'attuale mediaelement.js include anche questo bug, quindi a quanto pare a nessuno importa abbastanza per risolverlo. –

+0

Che scoperta fantastica. Ho sprecato un sacco di tempo cercando di isolare questo problema. Grazie per la condivisione! –

+1

@Chemi, ti dispiacerebbe postare che trovi come risposta (sulla tua stessa domanda). Quindi, potrebbe essere svalutato. – Marcel

risposta

6

Il problema era position: absolute sul css .me-plugin sorprendente

Spero davvero che questo aiuta gli altri. E 'stato un colpo di fortuna totale che ho provato.

+0

Sì, fantastico !! Il problema è sicuramente l'attributo css position per la classe ".me-plugin" in mediaelementplayer.css. La soluzione è semplicemente commentare "position: absolute" o cambiarlo in "position: relative", qualunque cosa tu preferisca. –

1

Mediaelement.js opere in IE8 se si imposta la position: static; e non absolute come è attualmente, per il div con la classe .me-plugin.
Mostrerà comunque un video nero se si esegue il test con IE9 Browser Mode IE8. Basta controllare con IeTester o su un PC con XP.

Speranza che aiuta ...

+2

Anche dopo aver cambiato '' position: static; '' non sembra funzionare per me se si trova in una finestra di dialogo UI jQuery. È perché il dialogo stesso è '' position: absolute; ''? In qualche modo intorno a questo? – MatthewKremer

3

Se qualcuno ha problemi con il flash fallback in IE8, per me quel codice aiuta:

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