0

我一直试图让 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>
4

2 回答 2

2

您可能知道 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 错误。

于 2013-04-22T16:21:07.183 回答
0

确保您有海报图像集。由于某些原因，如果您不设置海报图像，IE8 使用的 Flash 播放器将无法正常工作。

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

于 2014-03-03T19:50:04.010 回答