FileReader readAsDataURL讀取視頻文件 一直預(yù)覽失敗 怎么解決？

使用FileReader readAsDataURL讀取本地上傳的視頻文件 很多時(shí)候預(yù)覽不到 如圖

猜測(cè)是因?yàn)橐曨l大小的問(wèn)題 不知道這里到底是因?yàn)槭裁?菜鳥(niǎo)求帶
正常應(yīng)該是

代碼 如下
var reader = new FileReader();

            reader.onload = (evt) => {
                if (videoType.indexOf(fileType.toLocaleLowerCase()) !== -1) {
                    $('.waitUpload .nullVideo').remove();
                    $('.waitUpload').html(
                        '<div data-filename="' + fileName +
                        '">\
                    <div>\
                        <div class="videoCtn"><video src="' +
                        evt.target.result +
                        '" controls></video></div>\
                    </div>\
                    <div class="videoInfo">\
                        <span class="videoName" title="' +
                        fileName + '">' +
                        fileName + '</span>\
                        <span class="videoSize">' +
                        size +
                        'M</span>\
                    </div>\
                    <div class="btnCtn">\
                        <span class="btn" data-toggle="modal" data-target=".modal">上傳</span>\
                    </div>\
                </div>'
                    );
                    file = _this.files[0];
                    localAddress = evt.target.result;
                } else {
                    alert('請(qǐng)選擇視頻文件');
                }
                $(this).val('');
            };
            reader.readAsDataURL(this.files[0]);