flash fallback video black screen - no video, only audio media element

Question

I just downloaded mediaelement.js from http://mediaelementjs.com. Looks really good.

Though in the demo files, the videos won't play in IE 8. The player is showing a black screen, but I can hear the audio.

I have also tried installing on a server only to get the same problem. Can anyone enlighten me, any help would be much appreciated.

10 mins later... Cured, fixed, all good. See the answer below.

Thanks, I had the same exact problem. I wonder if the postion: absolute; only triggers the bug in certain conditions? Since the current mediaelement.js also includes this bug, so apparently nobody cares enough to fix it. — Joel L, May 06 '12 at 18:09
What a great find. I've wasted a lot of time trying to isolate this problem. Thanks for sharing! — Frankie Jarrett, Sep 20 '12 at 05:43
@Chemi, would you mind posting youf finding as answer (on your own question). Thus, it might get upvoted. — Marcel, Nov 21 '12 at 09:31
I needed to make both .me-plugin and .mejs-mediaelement have static positioning to work in IE8: .me-plugin, .mejs-mediaelement { position: static !important; } — Ben Amada, Sep 03 '13 at 20:14

score 6 · Answer 1 · edited Jun 20 '20 at 09:12

6

The problem was position:absolute on the css .me-plugin amazing

I really hope this helps others. It was a total fluke that I tried it.

edited Jun 20 '20 at 09:12

Community

1
1

answered Dec 21 '12 at 02:15

Paul Sweatte

24,148
7
127
265

Yes, amazing !! The problem is definitely that css position attribute for the class ".me-plugin" in mediaelementplayer.css. The fix is to simply comment out "position: absolute" or change it to "position: relative", whatever you prefer. – Marty McGee Jan 01 '16 at 23:02

score 3 · Answer 2 · edited Oct 17 '13 at 13:03

3

If anyone has troubles with flash fallback in ie8, for me that code helps:

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

edited Oct 17 '13 at 13:03

franzlorenzon

5,845
6
36
58

answered Oct 03 '13 at 16:21

gregmatys

2,151
18
19

score 1 · Answer 3 · edited Jan 29 '13 at 18:36

1

Mediaelement.js works in IE8 if you set the position: static; and not absolute as it currently is, to the div with the class .me-plugin.
It will still show a black video if you test with IE9 Browser Mode IE8. Just check with IeTester or on a pc with XP.

Hope that helps...

edited Jan 29 '13 at 18:36

Freakyuser

2,774
17
45
72

answered Jan 29 '13 at 18:12

WhoaThemes -

11
1

2

Even after changing ``position:static;`` it doesn't seem to work for me if it's in a jQuery UI Dialog box. Is that because the dialog itself is ``position:absolute;``? Any way around this? – MatthewKremer Jun 13 '13 at 20:55

flash fallback video black screen - no video, only audio media element

3 Answers3

Linked