显示来自Blob Javascript的视频

我想在HTML5视频标签中显示来自Javascript Blob/File对象的视频

此代码仅适用于小视频：

var reader = new FileReader();
reader.onload = function(e) {
    document.getElementById("video").src=reader.result;
 }
reader.readAsDataURL(vid);

我不能将其用于大型视频（>10MB）。

---

有没有一种在HTML5中显示blob对象的大视频的解决方案？

我找到了。这是如此简单，我甚至没有看到它

function display(vid){

    var video = document.getElementById("video");
    video.src = window.URL.createObjectURL(vid);

}

---

在某些情况下，应该在createObjectURL（）方法中提供bloboObject.data。 看看这个简单的技巧：

function playVideo(videoStream){ // as blob 

 var video = document.querySelector('video');

 var videoUrl=window.URL.createObjectURL(videoStream.data);// blob.data gives actual data

 video.src = videoUrl;
}

---

你能提供更多关于这个问题的信息吗？例如，Chrome和Firefox在试图读取15 MB视频时关闭了。我认为这是由于视频的大小。浏览器无法读取和显示HTML代码中的15MB字符串。

vid

参数是什么类型？@HubertGrzeskowiak这是一个Blob或文件对象只有我还在挣扎吗？对不起，不是为我工作。