rangeリクエストでダウンロードしたvideoデータを再生できない

Question

mp4のvideoデータをrangeで範囲指定し、blobとしてデータの一部をダウンロードしたものを、videoタグで再生できず困っています。
なお、range範囲を一部ではなくデータ容量全てにすると再生できます。一方、audioデータは一部の範囲指定でも再生できました。
全てのテストケースに206ステータスを返してきているので、ダウンロードは問題なさそうです。
videoタグで再生させるために、返ってきたバイナリーデータをBlobURLスキームに変換していますが、これが正しいのかも気になっています。
簡単なコードを以下に記します。
どうしたら再生できるのかをご教授いただけたら幸いです。
宜しくお願いいたします。

<video controls></video>

	var xhr = new XMLHttpRequest();
	xhr.responseType = 'blob';
	xhr.onload = function() {
		if (xhr.status === 206) {
			var blob_url = window.URL.createObjectURL(xhr.response);
			$("video").attr("src", blob_url);
		}else {
			*** エラー処理 ***	
		}
	};
	xhr.open('GET', 'https://www.*****');
	xhr.setRequestHeader('Range', 'bytes=0-*****');
	xhr.send();

Answer 1

「moov atom（MP4のメタデータ）」の位置が原因でした。
MP4は通常、この「moov atom」がファイルの最後に記載されているようです。
よって、rangeリクエストでファイルの先頭（bytes=0-*****）だけをダウンロードした場合は、「moov atom」が含まれていないために再生できなかったのです。
ffmpegやHandBrakeなどのツールで先頭に移動させたことで、rangeリクエストによる部分ダウンロードでも再生できるようになりました。