2012-03-28 18 views
23

Właśnie pobrałem mediaelement.js z http://mediaelementjs.com. Wygląda naprawdę dobrze.flashbackback video czarny ekran - brak wideo, tylko element multimedialny audio

Chociaż w plikach demo, filmy nie będą odtwarzane w IE 8. Odtwarzacz pokazuje czarny ekran, ale słyszę dźwięk.

Próbowałem również zainstalować na serwerze tylko, aby uzyskać ten sam problem. Czy ktoś może mnie oświecić, każda pomoc byłaby bardzo cenna.

10 minut później ... Wyleczony, naprawiony, wszystko dobrze. Zobacz poniżej: answer.

+2

Dzięki, miałem dokładnie taki sam problem. Zastanawiam się, czy stanowisko: absolutne; tylko uruchamia błąd w pewnych warunkach? Ponieważ obecny plik mediaelement.js również zawiera ten błąd, więc nikt nie dba o to, aby go naprawić. –

+0

Co za wspaniałe znalezisko. Zmarnowałem dużo czasu próbując wyizolować ten problem. Dzięki za udostępnienie! –

+1

@ Chemi, czy mógłbyś napisać, że znalazłeś odpowiedź (na twoje własne pytanie). Dlatego może zostać przegłosowany. – Marcel

Odpowiedz

6

Problemem było position: absolute na css .me-plugin niesamowite

Naprawdę mam nadzieję, że to pomoże innym. To był totalny przypadek, że spróbowałem.

+0

Tak, niesamowite !! Problemem jest zdecydowanie ten atrybut pozycji css dla klasy ".me-plugin" w mediaelementplayer.css. Poprawka polega po prostu na skomentowaniu "position: absolute" lub zmianie jej na "position: relative", co wolisz. –

1

Mediaelement.js pracuje w IE8 jeśli ustawisz position: static; i nie absolute jak to jest obecnie, aby div z klasą .me-plugin.
Będzie nadal wyświetlał czarny film, jeśli przetestujesz go w IE9 Browser Mode IE8. Po prostu sprawdź w IeTester lub na PC z XP.

nadzieję, że pomoże ...

+2

Nawet po zmianie '' position: static; '' nie wydaje się to działać dla mnie, jeśli jest w oknie dialogowym jQuery UI. Czy to dlatego, że samo okno dialogowe to '' position: absolute; '? Jakikolwiek sposób obejścia tego? – MatthewKremer

3

Jeśli ktoś ma kłopoty z lampą błyskową awaryjnej w IE8, dla mnie, że kod pomaga:

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