[英]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.