Force a full preload HTML5 video with Javascript? Force a full preload HTML5 video with Javascript? google-chrome google-chrome

Force a full preload HTML5 video with Javascript?


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