视频无法在IE中运行

时间:2012-01-03 15:35:33

标签: php javascript jquery html5 html5-video

我正在使用以下代码在我的网站上显示视频。它在 Firefox Google Chrome 中运行良好,但在 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上安装任何第三方插件,是否有任何编程解决方案。

谢谢

5 个答案:

答案 0 :(得分:5)

ie9之前的较旧版本不支持html5。

使用embed作为后备。

答案 1 :(得分:4)

IE9之前的版本不支持HTML5。因此,无法识别视频标签。 object tag was introduced in HTML 4,但IE的某些早期版本或者有错误或根本不支持它。

简而言之,您需要使用专有<embed>...</embed>标记而非<object>...</object>创建后备广告。

更好的解决方案是使用HTML5shiv通过JavaScript为以前版本的IE创建HTML5元素。

您必须将以下内容放在头部:

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

您可以在NetTuts+上查看一些有趣的解释和其他有用的工具。

答案 2 :(得分:1)

只有IE 9+支持html5视频标记。

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

答案 3 :(得分:1)

在IE浏览器中只有IE9 supports视频标签,请确保使用该版本进行测试,否则您将不得不使用后备广告。所有其他最近的浏览器都支持它,但检查链接以确切地看到哪个版本。

答案 4 :(得分:0)

对于IE浏览器,您可以使用video4all