preload video html5

[neo1976]

usando la funzione html5 preload="auto" il video viene precaricato su chrome solo del 2%, quindi chi lo visualizza se non ha una connessione veloce vede il video a tratti, cercavo una funzione in javascript che forzasse quel 2% portando il precaricamento al 100%, in modo che il video si avvii solo una volta che è completamente caricato e prosegui senza interruzioni qualcuno sa fornirmi un esempio completo o una demo disponibile sul web che sia di facile configurazione e porti nell'esempio oltre al file javascript anche la configurazione della pagina html?

su web ho trovato questo codice javascript che dovrebbe fare quello che chiedo, solo che non so come configurarlo all'interno della pagina html, qualcuno può aiutarmi?

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