Estoy intentando cargar un video grande en una etiqueta usando XMLHttpRequest. Logré que esto funcione con archivos de video pequeños usando el siguiente código:

window.URL = window.URL || window.webkitURL;

var xhr = new XMLHttpRequest();
xhr.open('GET', 'quicktest.mp4', true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
var video = document.createElement('video');
video.src = window.URL.createObjectURL(this.response);
video.autoplay = true;
document.body.appendChild(video);
};
xhr.send();

No hay problema si el video es pequeño. Sin embargo, mi archivo es bastante grande y crea un error de falta de memoria, lo que provoca que Chrome se bloquee. Firefox ni siquiera terminará de cargarlo, tampoco. He visto dos instancias separadas después de horas de búsqueda de personas que sugieren 'descargar el archivo en trozos' y volver a armarlos antes de enviarlo a la etiqueta, e incluso he encontrado uno muysolución prometedora que se ocupa de este escenario muy exacto. Sin embargo, estoy completamente perdido en cuanto a la implementación de esta solución. Si alguien pudiera apuntarme en la dirección correcta ... lo que se requeriría para implementar esta solución, o algo así, lo apreciaría extremadamente.

Si tengo curiosidad por saber por qué me molesto en cargar el video con XHR ... Quiero reproducir automáticamente mi gran video, pero Chrome siempre salta el arma y comienza a reproducirlo de inmediato, pensando que puede reproducirlo todo sin ningún problema (poco confiable) evento "canplaythrough") y parece que no puedo encontrar una manera de hacer que Chrome almacene todo el video antes de reproducirlo. Así que estoy recurriendo a XHR, pero no tengo suerte.