预加载器不工作:AngularJS

Question

我正在为我的 Angular 应用程序使用此预加载器。

https://github.com/GianlucaGuarini/jquery.html5loader

该插件工作正常，我的所有资产都标记在 json 文件中，但视频似乎有问题。我有 5 个全屏视频在不同的部分。我第一次浏览页面时，屏幕会黑屏大约 2 秒钟，然后它们会立即加载。

如果内容已预加载，为什么在视频播放前会暂停？

为什么插件不接受绝对网址？

以下是我如何加载视频的示例：

<video id="myVideo" autoplay preload="auto" ng-hide="fullVideo">
    <source ng-src="{{urlwebm}}" type="video/webm">
    <source ng-src="{{urlmp4}}" type="video/mp4">
</video>

在控制器中：

$scope.$on('$locationChangeStart', function (e, next, previous) {
    $scope.previousPage = $window.location.hash;
});
if($scope.previousPage === '#/home-page') {
    $scope.urlwebm = 'videos/alt/webm/video1.webm';
    $scope.urlmp4 = 'videos/alt/mp4/video1.mp4';
} else {
    $scope.urlwebm = 'videos/webm/altVideo1.webm';
    $scope.urlmp4 = 'videos/mp4/altVideo1.mp4';
}

谢谢

Answer 1

我设法通过在每个部分仅加载我需要的内容来改进这一点。我为每个部分复制了 files.json 文件，并在每个部分复制了脚本。现在效果更好了。