簡體   English   中英

如何使Chrome瀏覽器僅為HTML5視頻代碼加載視頻的一部分?

[英]How can I get Chrome to load only a part of a video for a HTML5 video tag?

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

我在src #t=00:10:00,00:10:30從10分鍾開始只讀取30秒的視頻(例如,這些值是在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要求提供更多視頻。

我找到了解決該問題的方法:

我在pause事件上添加了一個事件偵聽器,並刪除了src並停止加載。

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

var pauseTime = 0;

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

我在這里跟蹤視頻的currentTime,因此,如果用戶再次點擊播放,則視頻將從該點開始播放。

為此,我只需要將記錄的時間轉換為HH:MM:SS格式,然后將src設置回具有正確時間的視頻即可。

任何其他想法都受到歡迎。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM