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.

Answer 1

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.

Answer 2

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);
    }
} 

Answer 3

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...