2012-05-17 28 views
0

也許有人遇到過這樣的問題? 我只是試圖使用Video-JS播放器。 我第一次使用以下標記:當我在本地使用視頻文件時,HTML5視頻在Firefox和IE中不起作用

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
     width="640" height="264" 
     poster="http://video-js.zencoder.com/oceans-clip.png" 
     data-setup="{}"> 
    <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' /> 
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> 
    <track kind="captions" src="captions.vtt" srclang="en" label="English" /> 
</video> 

一切正常。然後我下載了這三個文件--mp4,webm和ogv,並將它們放到本地的目錄中。標記:

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
    width="640" height="264" 
    poster="http://video-js.zencoder.com/oceans-clip.png" 
    data-setup="{}"> 
     <source src="/Content/Images/Data/Media/oceans-clip.mp4" type='video/mp4' /> 
     <source src="/Content/Images/Data/Media/oceans-clip.webm" type='video/webm' /> 
     <source src="/Content/Images/Data/Media/oceans-clip.ogv" type='video/ogg' /> 
     <track kind="captions" src="/Scripts/video-js/captions.vtt" srclang="en" 
      label="English" /> 
</video> 

現在它在Chrome中正常工作,但在Firefox和IE中不起作用。在我嘗試使用其他HTML5播放器 - Leanpack之前,我面對同樣的行爲。什麼是問題的原因?

+0

你使用file://協議而不是http://嗎?如果是這樣,那就不那麼正常了:很多事情是不同的(例如流媒體容量),並且沒有完全實現file:// sources。 –

+0

@dystroy我只是使用相對參考... –

回答

1

將文件擴展名從.ogv更改爲.ogg。它運作良好。

相關問題