如何在Angularjs中使用ng-src指令显示打开的视频文件

Question

我正在使用输入类型文件打开视频文件。以下是正在调用的函数，此处正在发送文件。

function fetchVideo(file) {
    if(file) {
        var reader = new FileReader();
        reader.onload = function(e) {
            layoutVM.video = e.target.result;             
        }
        reader.readAsDataURL(file);
    }
}

这个的HTML是

<video loop muted autoplay>
     <source ng-src="{{layoutVM.video}}" type="video/mp4">
</video>

在FileReader工作之后，e.target.result从＆＃34; data：video / mp4; base64，AAAAIGZ0eXBpc29tAAACA .................获取一个长字符串。 ...............＆＃34;

视频未在源代码中加载，有什么想法吗？

Answer 1

尚未经过测试，但您是否可以尝试从文件创建对象网址而不是使用阅读器？

function fetchVideo(file) {
    if(file) {
        layoutVM.video = URL.createObjectURL(file);             
    }
}