Question

我一直试图让VideoJS播放2天的演示视频而IE8没有运气。我可以在Firefox，Chrome和Safari中玩它。我得到的只是一个视频应该是的黑盒子。页面很简单。任何人都可以为我做这件事吗？

...谢谢

来源是：

<!doctype html>
<!--[if lt IE 7]><html class="no-js ie6 oldie" lang=en><![endif]-->
<!--[if IE 7]><html class="no-js ie7 oldie" lang=en><![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang=en><![endif]-->

<!--[if gt IE 8]><!--> <html class=no-js lang=en> <!--<![endif]-->
<head>
  <meta charset=utf-8>
  <title>Test VideoJSPlayback</title>
  <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

  <link rel=stylesheet href="http://vjs.zencdn.net/3.2/video-js.css" type="text/css">
  <script type="text/javascript" src="http://vjs.zencdn.net/3.2/video.js"></script>
  <script src="http://www1.videojs.com/js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>

  <div id=player_box>

    <video id=home_video class="video-js vjs-default-skin" controls preload=none width=640 height=264
        poster="http://video-js.zencoder.com/oceans-clip.jpg">
      <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4'/>
      <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm'/>
      <track kind=captions src="/video-js/captions.vtt" srclang=en label=English />
    </video>

    <script>var homePlayer=_V_("home_video");</script>

  </div>

</body>
</html>

Answer 1

您可能知道IE 8不支持HTML5视频播放，因此video-js所做的是利用video-js.swf对mp4文件进行编码并提供“Flash版本”而无需其他文件。

在视频代码中添加引号。

<video id="home_video" class="video-js vjs-default-skin" controls preload="none" width="640" height="264">
...
</video>

此外，在您的video-js JavaScript文件中搜索“video-js.swf”查找此文件的引用位置，如果您使用的是本地版本，请确保路径正确，如果没有，请确保您是由于跨域文件解释或MIME错误，未收到IE中的任何JavaScript错误。

Answer 2

确保您有海报图片集。出于某种原因，如果您没有设置海报图像，IE8使用的Flash播放器将无法使用。

我遇到了同样的问题，一旦我为海报设置了图像，它就开始在IE8中工作了。

VideoJS不会在IE8中播放，而是在FireFox，Chrome和Safari中播放

2 个答案: