Как воспроизвести видео html5 в браузерах IE8 - PullRequest
Новая
       8

Как воспроизвести видео html5 в браузерах IE8

18 голосов
/ 03 августа 2011

Я разработал приложение MVC3, в котором я использую элементы управления видео html5, когда я запускаю приложение, оно воспроизводится в Chrome, но когда я пытаюсь воспроизвести его в браузере IE8, оно не воспроизводит видео, а только показывает белую страницу...Как воспроизвести видео во всех браузерах, пожалуйста, помогите мне ..

Вот мой код, что я сделал на своей странице 

<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg"
    width="640" height="360">
    <source src="../../Videos/Nenu Nuvvuantu - Orange - MyInfoland.mp4" type="video/mp4" />
   <%-- <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />--%>
    <source src="../../Videos/Nenu Nuvvuantu - Orange - MyInfoland.ogv" type="video/ogv" />
    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"
        width="640" height="360">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowFullScreen" value="true" />
        <param name="wmode" value="transparent" />
        <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'../../Videos/Nenu Nuvvuantu - Orange - MyInfoland.mp4','autoPlay':false}]}" />
        <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg"
            width="640" height="360" title="No video playback capabilities, please download the video below" />
    </object>
</video>

Ответы [ 3 ]

40 голосов
/ 03 августа 2011

Есть хороший стандартный способ настройки HTML5-видео со вспышкой и других откатов.

Пожалуйста, смотрите Видео для всех , чтобы узнать о хорошем генераторе тегов HTML5 с вариантами отката.

В качестве альтернативы, есть еще одна замечательная библиотека с JS / CSS-кодом для обеспечения ее последовательной работы .

0 голосов
/ 13 ноября 2014

Мне не удалось переключиться между видео на странице с помощью JWPlayer в IE8.Более того, его JS API просто не работает в IE8.Есть также топовые игроки: медиа-элемент, VideoJS, SublimeVideo.Итак, я сейчас пробую медиаэлемент.

0 голосов
/ 11 сентября 2013

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

<video id=0 controls width="640" height="360">
<source src="new/db.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="new/db.webm" type='video/webm' >
<source src="new/db.mp4" type='video/mp4'>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="500">
  <param name="movie" value="db.swf">
  <param name="quality" value="high">
  <param name="wmode" value="opaque">
  <param name="swfversion" value="11.0.0.0">
  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  <param name="expressinstall" value="../../Scripts/expressInstall.swf">
  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="db.swf" width="500" height="500">
    <!--<![endif]-->
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
    <param name="swfversion" value="11.0.0.0">
    <param name="expressinstall" value="../../Scripts/expressInstall.swf">
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>

</video>

<script type="text/javascript">swfobject.registerObject("FlashID");</script>
<script src="../../Scripts/swfobject_modified.js" type="text/javascript"></script>

// вы можете скачать swfobject_modified здесь

http://code.google.com/p/fanarshavin/downloads/detail?name=swfobject_modified.js&can=2&q=

...