加载少量视频后无法加载HTML5视频

Question

我正在尝试构建一个列出视频的Web应用程序。我有一个Internet Explorer的问题。

这是我的观点

<div class="col-lg-3 col-xs-12 col-md-6" ng-repeat="video in videos track by $index">
 <video>
   <source ng-src="{{video.url}}" type="video/mp4">
 </video>
</div>

我懒得在控制器端加载视频。每个滚动底部为视频添加了4个新元素。

videoFactory.load($scope.videos.length, 4).then(function(res){
     $scope.videos = $scope.videos.concat(res.data.data);
});

除了Internet Explorer 9到Edge之外，所有浏览器的一切正常。

请查看Internet Explorer网络。一切都很好，但突然所有的响应标题都改为206.视频的名称为＆＃34; iPhone_7＆＃34;以前加载了大小为7,04MB，但现在部分加载了6,77MB。

成功加载32个视频后，此问题就开始了。视频错误代码为4，即MEDIA_ERR_SRC_NOT_SUPPORTED。