使用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++;  
    }  
}