Подтвердить что ты не робот

Заставить полностью загружать видео в формате HTML5 с помощью Javascript?

Я собираюсь полностью загрузить предварительную загрузку видео в HTML5. Я использую атрибут " preload = auto", но он не загружает все видео... В Chrome видео занимает только 2% предварительной загрузки. В Safari, плюс или минус 50%... Мой вопрос: "Можем ли мы принудительно создать предварительное видео с javascript?" Спасибо за помощь!

Ответ 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++;    
    }    
}