Preloader ne fonctionne pas: AngularJS

Question

J'utilise ce préchargeur pour mon application Angular.

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

Le plugin fonctionne correctement et j'ai tous mes actifs étiquetés dans le fichier JSON, mais il semble y avoir un problème avec les vidéos. J'ai 5 vidéos en plein écran sur des partiels séparés. L'écran devient noir pendant environ 2 secondes la première fois que je parcours les pages, puis elles se chargent instantanément.

Pourquoi y a-t-il une pause avant la lecture des vidéos si le contenu est préchargé?

Pourquoi le plugin n'accepte-t-il pas les URL absolues?

Voici un exemple de la façon dont je charger mes vidéos:

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

Contrôleur:

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

Merci

Answer 1

J'ai réussi à améliorer cela en chargeant seulement le contenu dont j'ai besoin dans chaque partie. J'ai dupliqué le fichier files.json pour chaque partie et ai dupliqué le script dans chaque partiel. Cela fonctionne mieux maintenant.