2012-01-03 4 views
2

Я использую следующий код, чтобы показывать видео на моем сайте. Он отлично работает в Firefox и Google Chrome, но не работает в IE.Видео не работает в IE

<video class="video-js" width="278" height="165" controls preload> 

    <source src="/uploads/video/encoding/mp4/<?php echo $video->getId() ?>.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
    <source src="/uploads/video/encoding/ogg/<?php echo $video->getId() ?>.ogg" type='video/ogg; codecs="theora, vorbis"' /> 

    <object id="flash_fallback_1" class="vjs-flash-fallback" width="278" height="165" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 

     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowfullscreen" value="true" /> 
     <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":false}]}' /> 

    </object> 

</video> 

Я искал это, но пока не удалось. Есть ли какое-либо программное решение этого без установки стороннего плагина в IE.

Благодаря

+0

Код, который вы написали, кажется, работает правильно ... У вас установлен Flash-плагин для IE? – fcalderan

+0

Я этого не проверял. Как я могу это проверить? – Awan

+0

Говорить, что версия IE всегда важна. Какую версию вы тестируете с IE 6,7,8,9,10? – epascarello

ответ

4

HTML5 не поддерживается версиями, выпущенными до IE9. Следовательно, видеотег не распознается. object tag was introduced in HTML 4, но некоторые более ранние версии IE либо содержали ошибки, либо вообще не поддерживали его.

Короче говоря, вам необходимо создать резервную копию с тегом <embed>...</embed> вместо <object>...</object>.

ИЛИ

Лучшим решением было бы использовать HTML5shiv, который создает элементы HTML5 через JavaScript для предыдущих версий IE.

Вы должны разместить следующий в вашей голове разделе:

<!--[if lt IE 9]> 
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

Вы можете посмотреть некоторые интересные объяснения и другие полезные инструменты на NetTuts+.

5

Старые версии, т.е. до того ie9 не поддерживает HTML5.

Использовать в качестве резервной копии.

1

Только IE 9+ поддерживает видеотег html5.

http://msdn.microsoft.com/en-us/ie/hh410106

+0

Пожалуйста, добавьте ссылку? – powtac

+0

Нет необходимости в ссылках ... Более ранние версии IE известны из-за отсутствия соответствия стандартам. : P – Alerty

1

Из браузеров IE только IE9 supports видео тег, убедитесь, что вы используете эту версию, чтобы проверить его, или вы должны будете использовать резервные объявления. Все остальные браузеры поддерживают его, но проверьте ссылку, чтобы узнать, из каких версий в точности.

+1

Чтобы быть ясным, все текущие браузеры поддерживают видеотег, но только версию 9 IE. – Rob

+0

Правильно, я отредактирую его :) – canihavesomecoffee

Смежные вопросы