预加载程序不工作:AngularJS

预加载程序不工作:AngularJS,angularjs,video,preload,Angularjs,Video,Preload,我正在为我的Angular应用程序使用此预加载程序 插件工作正常,我的所有资产都在json文件中标记,但视频似乎有问题。我有5个单独部分的全屏视频。当我第一次浏览页面时,屏幕会变黑大约2秒钟,然后页面会立即加载 如果内容已预加载,为什么在播放视频之前会暂停 为什么插件不接受绝对URL 以下是我如何加载视频的示例: <video id="myVideo" autoplay preload="auto" ng-hide="fullVideo"> <source ng-sr

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

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

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

为什么插件不接受绝对URL

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

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

谢谢

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

$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';
}