2012-03-28 4 views
23

Я только что загрузил mediaelement.js от http://mediaelementjs.com. Выглядит очень хорошо.флэш-резервное видео черный экран - нет видео, только аудио-элемент мультимедиа

Хотя в демонстрационных файлах видео не воспроизводится в IE 8. Проигрыватель показывает черный экран, но я слышу звук.

Я также попытался установить на сервере только для того, чтобы получить ту же проблему. Может кто-нибудь просветить меня, любая помощь будет очень признательна.

10 минут спустя ... Отвержденный, фиксированный, все хорошо. См. Ниже answer.

+2

Спасибо, у меня была точно такой же проблема. Интересно, является ли положение: абсолютным; только запускает ошибку в определенных условиях? Поскольку текущий mediaelement.js также включает эту ошибку, так что, по-видимому, никто не заботится об этом, чтобы исправить это. –

+0

Какая замечательная находка. Я потратил много времени на то, чтобы изолировать эту проблему. Спасибо, что поделился! –

+1

@Чеми, не возражаете ли вы опубликовать, что найдете в ответе (на свой вопрос). Таким образом, он может быть поддержан. – Marcel

ответ

6

Проблема была позиция: абсолютная на CSS .me-плагине удивительного

Я действительно надеюсь, что это помогает другим. Это была полная случайность, которую я попробовал.

+0

Да, потрясающе !! Проблема в том, что атрибут css position для класса «.me-plugin» в mediaelementplayer.css. Исправление состоит в том, чтобы просто прокомментировать «позицию: абсолютный» или изменить его на «положение: относительное», независимо от того, что вы предпочитаете. –

1

Mediaelement.js работает в IE8, если вы установите position: static; и не absolute, как это в настоящее время, в DIV с классом .me-plugin.
Он по-прежнему будет показывать черное видео, если вы проверите IE8 Browser Mode IE8. Просто проверьте с помощью IeTester или на ПК с XP.

Надежда, что помогает ...

+2

Даже после изменения '' position: static; '', похоже, что это не работает для меня, если оно находится в диалоговом окне JQuery UI. Это потому, что сам диалог является '' position: absolute; ''? Как это обойти? – MatthewKremer

3

Если у кого есть проблемы с флэш-запасным вариантом в ie8, для меня этот код помогает:

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