DOMException：元素没有受支持的源-仅适用于大型视频

Question

我正在尝试编写一个与远程服务器一起使用的HTML页面。我的目标是下载mp4文件，在x秒（例如4秒）内显示图像，然后自动播放视频。
我确保视频的跨域来源是anonymus，并且我知道下载可以正常工作。

我的mp4文件约为2GB，当我尝试播放它时，出现DOM异常DOMException: The element has no supported sources。但是，当我用另一个大小约为120MB的mp4替换mp4时，一切正常。

查看我的要求：

var req = new XMLHttpRequest();
req.open('GET', currentFileName, true);
req.responseType = 'blob';

req.onload = function () {
// Onload is triggered even on 404
// so we need to check the status code
if (this.status === 200) {
    // do something
}

和用于显示图像和视频的js代码：

EXP.showImage(currQuestion);
// After a certain time, hide the question.
setTimeout(function () {
    // Hide image and display the video
    EXP.hideImage(currQuestion);
    EXP.displayStim(currVideo);
}, EXP.config.durationOfQuestionDisp);
// (functions `hideImage` and `displayStim` and const `durationOfQuestionDisp` are properly defined)

为什么这适用于较小的mp4文件而不适用于较大的mp4文件？以及如何找到尺寸限制？