Question

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

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

该插件工作正常，我的所有资产都标记在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>

在控制器中：

$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文件，并复制了每个部分中的脚本。它现在效果更好。

预加载器不工作：AngularJS

1 个答案: