如何在 IE8 浏览器中播放 html5 视频

Posted

技术标签:

【中文标题】如何在 IE8 浏览器中播放 html5 视频【英文标题】:How to play the html5 video in IE8 Browsers 【发布时间】:2011-10-18 20:18:42 【问题描述】:

我已经开发了一个 MVC3 应用程序,我在运行应用程序时使用了 html5 视频控件,它在 Chrome 中播放,但是当我尝试在 IE8 浏览器中播放时,它不播放视频,只显示白页。 ..如何在所有浏览器中播放视频请帮助我..

这是我在页面中所做的代码

<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg"
     >
    <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"
         >
        <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  src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg"
              title="No video playback capabilities, please download the video below" />
    </object>
</video>

【问题讨论】:

你的标题是指html5视频,但你的问题是关于Flash视频的,不是吗? 【参考方案1】:

有一个很好的标准方法来设置带有 Flash 和其他后备的 HTML5 视频。

请参阅Video for Everybody,了解带有后备选项的 HTML5 标签生成器。

或者,这里是another great library, with JS/CSS code to make it work consistently。

【讨论】:

嗨..谢谢你,它正在工作..实际上我已经在我的本地系统中测试了这个视频,因为我给了 src="from my server path" 那么我该如何播放这个。因为在这个链接他给了像url这样的来源......我给了这个src路径..请 我想回答,但我对您的问题感到困惑。对于任一版本,您只需要文件的绝对路径。如果您正在测试本地版本,请使用file://&lt;&lt;path_to_file&gt;&gt;,其中&lt;&lt;path_to_file&gt; 应该是完整路径。 好的,我已经在我的问题中发布了我修改过的代码,请检查一次。我想更改这个 url " 链接 1 中唯一对我来说在 IE8 上运行良好的播放器是 JW Player【参考方案2】:

我使用以下方法来修复 IE 的播放问题,这对我有用。

<video id=0 controls  >
<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"  >
  <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"  >
    <!--<![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"    /></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=

【讨论】:

【参考方案3】:

我无法在 IE8 中使用 JWPlayer 在页面上的视频之间切换。此外,它的 JS API 根本无法在 IE8 中运行。 还有***玩家:medialement、VideoJS、SublimeVideo。所以,我现在正在尝试 mediaelement。

【讨论】:

以上是关于如何在 IE8 浏览器中播放 html5 视频的主要内容,如果未能解决你的问题,请参考以下文章

html5如何实现自动播放视频

HTML5 视频播放器显示以在浏览器中启用 Flash。如何在不启用 Flash 的情况下播放流视频?

如何在 html5 视频播放器中播放 wmv 文件

如何优化 mp4 视频以在浏览器中尽可能流畅地播放 (HTML5)

如何实现html5 video标签 手机浏览器播放视频事件判定播放中的视频超出电手机的浏览范围后视频暂停播放

是否可以在所有浏览器中使用 html5 录制视频?