videogular-加载失败，因为找不到支持的源

Question

我使用videogular播放播放列表中的视频。一切正常，但今天，它们停止工作。我收到错误消息

  

未捕获（承诺）的DOMException：由于找不到受支持的源而无法加载。

然后点击列表中的任何视频

  

videogular.js：431未捕获（承诺）DOMException：元素没有受支持的源。

第一个视频会在页面加载时自动加载，但通常会加载，但是如果我单击列表中的任何视频，就会出现此错误。载入的视频是列表中的第一部视频

sources: controller.videos[0].sources,

我的代码如下

angular.forEach($scope.media, function (value, key) {

    sources.push({
        sources: [
            {src: $sce.trustAsResourceUrl(value.url), type: "video/mp4"}
        ]
    });

});


controller.videos = sources;
controller.config = {
    preload: "none",
    autoHide: false,
    autoHideTime: 3000,
    autoPlay: false,
    sources: controller.videos[0].sources,
    theme: {
        url: "assets/css/videogular/videogular.css"
    },
    plugins: {
        poster: "assets/img/video_poster.png"
    }
};

controller.setVideo = function (index) {
    //index is id from list (141, 142 or 143)
    controller.API.stop();
    controller.currentVideo = index;
    console.log(controller.videos[index].sources);
    controller.config.sources = controller.videos[index].sources;
    $timeout(controller.API.play.bind(controller.API), 100);
};

});

value.url

https://test.com/users/119/media/141
https://test.com/users/119/media/142
https://test.com/users/119/media/143

HTML

<table class="table">
    <tr ng-repeat="(key, value) in media">
        <td>
            <a ng-click="ctrl.setVideo(key)">
               <img src="{{value.thumbnail}}" alt="" />
            </a>
        </td>
        <td>
             <a ng-click="ctrl.setVideo(key)">{{value.name}}</a>
        </td>
      </tr>
</table>