2013-04-09 56 views
0

我一直在试图让VideoJS在IE8中播放演示视频2天没有运气。我可以在Firefox,Chrome和Safari中播放它。我所得到的只是一个黑盒子,视频应该放在那里。该页面很简单。任何人都可以为此对我撒娇吗?VideoJS不会在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> 

回答

2

正如你可能知道IE 8不支持HTML5视频播放,还等什么视频JS做的是利用视频js.swf编码mp4文件并提供“Flash版本”而不需要额外的文件。

将报价添加到您的视频标签。

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

此外,在您的视频JS的JavaScript,其中该文件被引用,如果你使用的是本地版本,可以肯定的“视频js.swf”查找文件搜索的路径是正确的如果没有,请确保您没有收到由于跨域文件解释或MIME错误而导致的IE中的任何JavaScript错误。

0

确保你有一个海报图像集。由于某些原因,如果您未设置海报图像,IE8使用的Flash播放器不起作用。

我有这个相同的问题,一旦我为海报设置了一个图像,它开始在IE8中工作。

+0

海报可以为空吗?或者,它是否必须是实际的图像> – Thomas 2016-01-11 15:59:35