2013-04-09 51 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

相關問題