Erzwingen Sie eine vollständige Vorspannung HTML5-video mit Javascript?

Ich bin zu versuchen, voll Vorspannung ein video in HTML5. Ich verwende das Attribut preload=auto aber es funktioniert nicht, laden Sie die gesamte video... In Chrome, das video ist nur vorinstalliert, bis zu 2% und in Safari rund 50%...

Ist es möglich, zu zwingen, eine vollständige Vorspannung video mit javascript?

  • Gleiche problem hier: ich muss laden Sie die vollständige video in chrome.. Leider habe ich keine Lösung gefunden, noch habe ich auch versucht, XMLHttpRequest Weg, aber ich habe nicht-erlaubt Fehler... ich hoffe, dass es eine Lösung gibt..
InformationsquelleAutor Romain André | 2013-05-16
  1. 11
    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++;    
    }    
}
    • Dies ist eine gute Lösung. Für das laden im hintergrund, einfach anrufen createElement auf das video-tag. Außerdem +1 für Chin-Chan!
    • Was bedeutet die bindKeys Funktion? Oder ist das nur etwas, das war auf der linken Seite von einem copy-paste? Und der index var jetzt merke ich es.
    • Ja, es war Links von einem copy-paste-Antwort aktualisiert. Danke !!
    • Dies funktionierte bei mir nicht in chrome (nicht die Entlassung der "progress" - event rund 60%). Aber es scheint zuverlässig zu funktionieren, wenn ich video.currentTime+=2, seltsam genug.
    • Das war eigentlich nicht zuverlässig für mich, nach gründlicher Prüfung. Diese Lösung arbeitet zuverlässig in chrome: stackoverflow.com/a/23299806/1417856 -- full movie download und laden in src als blob.
    • Vielen Dank für deine Lösung! Es ist eine gute Arbeit, die auf web-Browsern, außer im IE10 (Windows 7) ich habe Ein Problem. Wenn ich besuchen Sie die Seite video ersten mal (kein cache) seine Arbeit so wie es sein muss, aber wenn ich es neu laden wird nicht funktionieren, 'Prozent' nicht-Protokollierung in der Konsole

    InformationsquelleAutor Varun Chakervarti
Schreibe einen Kommentar