2013-03-24 190 views
1

我的HTML5視頻播放器不會播放超過一小時的文件。這裏是我的代碼:html5視頻播放器不會播放超過一小時的視頻

<video src="/Movies/MP4/Blaa.mp4" controls="controls"></video>. 

我對HTML5相當陌生,所以我問這是什麼問題?任何答案表示讚賞。

-Simon

+0

你測試了什麼瀏覽器,操作系統等? – nathancahill 2013-03-24 18:26:05

+0

我使用最新版本的Chrome作爲瀏覽器。和Windows 8 Pro作爲操作系統。該網站運行在一個localhosted wamp服務器上。 – AwesomeGuy 2013-03-24 18:31:58

回答

0

它看起來像你只使用一個MP4文件,所以我不知道這是否會有所幫助,但我能夠通過切換我的源文件的順序來解決我的問題。據我所知,Chrome能夠播放H.264視頻(通常包含在MP4封裝中),但無法播放MP4文件。我猜他們最終​​就像他們一直在說的那樣。

這裏是用我的代碼看起來像:

<video width="640" height="360" controls> 
    <source src="http://example.com/video.mp4" type="video/mp4" /> 
    <source src="http://example.com/video.webm" type="video/webm" /> 
    <source src="http://example.com/video.ogv" type="video/ogg" /> 
</video> 

從我的理解,當瀏覽器試圖渲染HTML5視頻標籤,它應該跳過所有源代碼,它不能播放,並試圖發揮它的第一個。無論出於何種原因,Chrome目前都沒有這樣做。它試圖播放MP4,並失敗。

即使現在「Video for Everyone」頁面上的視頻也無法正常顯示。

我的解決辦法是切換源標籤的順序,使WebM視頻的MP4視頻前傳來:

<video width="640" height="360" controls> 
    <source src="http://example.com/video.webm" type="video/webm" /> 
    <source src="http://example.com/video.mp4" type="video/mp4" /> 
    <source src="http://example.com/video.ogv" type="video/ogg" /> 
</video> 

到目前爲止,已經解決了這一問題。 Chrome現在播放沒有問題的webm文件,並且我測試過的所有其他瀏覽器似乎仍然正常工作。

我仍然需要測試的唯一可能的問題是,我讀過iPad有一個需要首先列出MP4源的錯誤。我正在努力研究iPad,看看這是否仍然是一個問題。

現在,這個解決方案解決了我的問題。

希望有幫助!

+0

自iOS以來,我已確認[iPad源代碼錯誤已修復](http://stackoverflow.com/questions/5306325/is-the-html5-source-element-bug-fixed-for-ipad-2) 4. – Jeff 2013-03-27 18:19:48

+0

感謝您提供這樣的信息:D – AwesomeGuy 2013-03-27 19:00:19

0

的問題是,Chrome瀏覽器不會在此刻播放MP4電影文件。 Safari是目前唯一的工作瀏覽器。

+0

這是Chrome當前版本中的錯誤嗎?您能否提供關於此問題的文章或錯誤報告的鏈接?謝謝! – Jeff 2013-03-26 20:23:12

+0

我無法提供任何信息,因爲我愛撫自己。 – AwesomeGuy 2013-03-27 10:18:39

+0

不,Chrome *可以播放以h264編碼的視頻。 – franzlorenzon 2013-06-11 08:59:09