JavascriptでフルロードのHTML5ビデオを強制しますか？

Question

私はHTML5でビデオを完全にプリロードしようとしています。 「preload = auto」の属性を使用しますが、ビデオ全体をプリロードしません。Chromeでは、ビデオはわずか2％のプリロードです。 Safariでは、プラスまたはマイナス50％... 私の質問は次のとおりです： "JavaScriptを使用して完全なプリロードビデオを強制できますか？" ありがとうございます！ここ

Answer 1

function addSourceToVideo(element, src, type) {  
    var source = document.createElement('source');  
    source.src = src;  
    source.type = type;  
    element.appendChild(source);  
} 

var video;  
$(document).ready(function(){  
    video = document.getElementsByTagName('video')[0];  
    addSourceToVideo(video, "http://your-server.com/clip.ogv", "video/ogv");  
    addSourceToVideo(video, "http://your-server.com/clip.mp4", "video/mp4");  
    video.addEventListener("progress", progressHandler,false);  
}); 

progressHandler = function(e) {  
    if(video.duration) {  
     var percent = (video.buffered.end(0)/video.duration) * 100;  
     console.log(percent);  
     if(percent >= 100) {  
      console.log("loaded!");  
     }  
     video.currentTime++;  
    }  
}