如何讓Chrome僅加載HTML5視頻標籤的部分視頻？

Question

我必須在頁面上播放部分視頻。

我使用在src的#t=00:10:00,00:10:30僅讀取30秒的視頻的開始在10分鐘時爲它（作爲一個例子，這些值在基於用戶請求的JS計算）。

<video id="html5-video-player" 
    src="http://url.of.the/videos/foo.mp4#t=00:10:00,00:10:30" 
    type="video/mp4" style="height: 179px; width: 351px;"></video> 

視頻加載正常，播放良好。但是，一旦剪輯停止，Chrome請求剩下的視頻（〜3GB），這對我來說是一個問題。

任何想法如何防止額外的負載？

我有問題使用Apache或Node.js（meloncholy/vid-streamer）作爲服務器，所以我猜服務器在這裏不是問題。 我收到206部分請求，服務器正在響應它們。

所以我只能猜測它是要求更多視頻的Chrome。

Answer 1

我發現了一個哈克解決問題的辦法：

我在pause事件添加一個事件偵聽器和刪除src和停止加載。

video.addEventListener('pause', stopLoading, false); 

var pauseTime = 0; 

function stopLoading() { 
    pauseTime = Math.round(video.currentTime); 
    video.src = ''; 
} 

我在這裏跟蹤視頻的當前時間，所以如果用戶再次點擊播放，則視頻從該點開始播放。

爲此，我只需將錄製的時間轉換爲HH：MM：SS格式，並將src設置回正確的時間。

歡迎任何其他想法。