Откат VideoJS и Internet Explorer 8

Question

Я только что запрограммировал кросс-браузерный видеоплеер с автоматическим преобразованием через ffmpeg, и он хорошо работает во всех браузерах. Поскольку все они отображают разные элементы управления, я решил использовать VideoJS для их оформления.

Это моя демонстрационная страница: http://www.animero.com/2012/produktioner/jakobsson-pr-vegibar/

Элементы управления скинами должны быть видны во всех современных браузерах, поддерживающих тег видео html5. Хотя моя проблема с IE8. Откат не работает, потому что я получаю только черный ящик с надписью «Фильм не загружен ...», но звук все еще воспроизводится.

Это моя разметка:

<div class="video-js-box">
    <video id="my_video_1" class="video-js vjs-default-skin" width="790" height="444" poster="<?php echo $videoFiles['poster']; ?>" preload autoplay controls data-setup="{}">
        <source src="<?php echo $videoFiles['mp4']; ?>" type="video/mp4" />
        <source src="<?php echo $videoFiles['ogv']; ?>" type="video/ogg" />
        <object id="flash_fallback_1" class="vjs-flash-fallback" width="790" height="444">
            <embed width="790" height="444" src="<?php bloginfo('stylesheet_directory'); ?>/spelare.swf?image=<?php echo $videoFiles['poster']; ?>&video=<?php echo $videoFiles['flash']; ?>" type="application/x-shockwave-flash" wmode="transparent"></embed>
        </object>
    </video>
</div>

Когда я выключаю VideoJS, все отлично работает, а в IE8 мой flash-плеер работает хорошо. Может ли кто-нибудь помочь мне с этим?

Заранее спасибо, Jonathan

Answer 1

Вы можете скачать исходный код Video.js и разместить его на своих серверах или использовать бесплатную версию CDN. Сейчас часто рекомендуется ставить JavaScript перед тегом end body () вместо head (), но Video.js включает в себя HTML5 Shiv, который должен быть в голове для более старых версий IE, чтобы тег видео соответствовал допустимый элемент.

ПРИМЕЧАНИЕ. Если вы уже используете HTML5 shiv, например Modernizr, вы можете включить JavaScript Video.js в любом месте, однако убедитесь, что в вашей версии Modernizr есть shiv для видео.

Источник: http://videojs.com/docs/setup/

Работает!