Создание видеоэлемента из большого двоичного объекта

Я пытаюсь создать видеоэлемент из большого двоичного объекта в React. Я так много сделал. Но похоже, что это не работает. Есть ли ошибка в этом коде?

loadBlob(blob, callback) {

    const reader = new FileReader();
    reader.readAsDataURL(blob);

    reader.onload = (event) => {
      const result = event.target.result;     
      callback(result)
   }
}

createVideo(result) {
 this.setState({
    src:result
  })
}

loadBlob(blob, createVideo) /*Passing the blob and the callback in the click button click event*/

В рендере я

 <video>
   <source src = {this.state.src}/>
 </video>

Src устанавливается в элементе видео, когда я проверял с инспектором. Когда я выхожу из системы с консолью, я получаю это

Blob(231112) {size: 231112, type: "video/webm"}. 

Мне интересно, можно ли это сделать для видео с помощью Filereader?