Eu estou tentando carregar um vídeo grande em uma tag usando XMLHttpRequest. Consegui fazer isso funcionar com pequenos arquivos de vídeo usando o seguinte 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();

Não há problema se o vídeo é pequeno. No entanto, meu arquivo é muito grande e cria um erro de falta de memória, fazendo com que o Chrome trave. O Firefox também não terminará de carregá-lo. Eu vi duas instâncias separadas depois de horas pesquisando pessoas sugerindo 'baixar o arquivo em pedaços' e juntá-las antes de enviá-las para a tag, e eu até encontrei uma muitosolução promissora que lida com esse cenário muito exato. No entanto, estou em uma perda completa quanto à implementação dessa solução alternativa. Se alguém pudesse me apontar na direção certa ... o que seria necessário para implantar essa correção, ou qualquer coisa, eu agradeceria muito.

Se curioso porque eu estou mesmo incomodando para carregar vídeo usando XHR .. Eu estou querendo reproduzir meu vídeo grande, mas o Chrome sempre salta a arma e começa a jogá-lo imediatamente, pensando que ele pode jogar a coisa toda sem problema (não confiável evento "canplaythrough") e não consigo encontrar uma maneira de fazer o Chrome armazenar todo o vídeo antes de reproduzir. Então estou recorrendo ao XHR, mas sem sorte.