Блог большие видео файлы видео с Javascript

Question

В настоящее время я пытаюсь поместить мой видео файл как blob src.Зачем?Потому что я пытаюсь не допустить, чтобы люди связывали мои видеофайлы с помощью горячих ссылок, я знаю, что невозможно сохранить ссылки на 100% в безопасности, но я стараюсь изо всех сил избегать чего-либо связанного.

HTML:

<video width="320" height="240" controls></video>

Javscript:

var videoURL = 'https://nickdesaulniers.github.io/netfix/demo/frag_bunny.mp4';
var video = document.querySelector('video');

var assetURL = videoURL;
// Need to be specific for Blink regarding codecs
var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';

if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
  var mediaSource = new MediaSource();
  //console.log(mediaSource.readyState); // closed
  video.src = URL.createObjectURL(mediaSource);
  mediaSource.addEventListener('sourceopen', sourceOpen);
} else {
  console.error('Unsupported MIME type or codec: ', mimeCodec);
}

function sourceOpen (_) {
  //console.log(this.readyState); // open
  var mediaSource = this;
  var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
  fetchAB(assetURL, function (buf) {
    sourceBuffer.addEventListener('updateend', function (_) {
      mediaSource.endOfStream();
      video.play();
      //console.log(mediaSource.readyState); // ended
    });
    sourceBuffer.appendBuffer(buf);
  });
};

function fetchAB (url, cb) {
  console.log(url);
  var xhr = new XMLHttpRequest;
  xhr.open('get', url);
  xhr.responseType = 'arraybuffer';
  xhr.onload = function () {
    cb(xhr.response);
  };
  xhr.send();
};

Этот код работает отлично!Но когда размер видео превышает 200 МБ, например, видео загружается до тех пор, пока не закончится загрузка видеобуфера.

Как я могу заставить этот код загружаться «по частям» вместо загрузки всего видео после этого,blob?

Спасибо.