html5視頻播放器不會播放一個小時以上的視頻

Question

我的HTML5視頻播放器不能播放文件超過一小時。 這是我的代碼：

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

我是HTML5的新手，所以我想問問題可能是什么？ 任何答案表示贊賞。

-西蒙

Answer 1

問題是Chrome目前無法播放MP4電影文件。 Safari是目前唯一可用的瀏覽器。

Answer 2

看來您只使用了一個mp4文件，所以我不確定這是否會有所幫助，但是我可以通過切換源文件的順序來解決問題。 據我所知，Chrome可以播放H.264視頻（通常包含在MP4包裝器中），但無法播放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，但失敗了。

現在，即使是“ 所有人的視頻 ”頁面上的視頻對我來說也失敗了。

我的解決方案是切換源標簽的順序，以使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上操作，以查看是否仍然存在問題。

目前，此解決方案解決了我的問題。

希望有幫助！