0

我正在构建一个带有角度的自定义视频组件,并在外部传递源。不使用组件时,视频显示良好。使用该组件时,即使我可以看到源确实成功传入(通过检查元素),视频也不会显示。我有一种感觉,这在某种程度上与生命周期有关。

代码:

主页:

<customvideo srcs="video.srcs"></customvideo>

(video.srcs 是 src url 和 mimetypes 的列表)

零件:

angular.module('home.app').component('customvideo', {
templateUrl: ['config', function(config) {
    return config.TEMPLATES_URL + 'customvideo.template.html';
}],
bindings: {
    srcs: '<'
},
controller: ['config','UserRest', 'CultureRest', 'tSpaceRest', function HomeController(config, UserRest, CultureRest, tSpaceRest) {
    var vm = this;

}]
})

最后是模板:

<video class="full-video">
<source ng-repeat="src in $ctrl.srcs" ng-src="{{src.url | trustUrl}}" type="{{src.mimeType}}"/>
</video>

编辑:问题实际上并不像我想象的那样与 REST 调用有关。手动将源插入组件仍然没有显示视频。我将不得不查看并尝试破译我的和 Mathieu 的不同之处

4

1 回答 1

0

所以我的回答与加载时间或依赖关系无关。问题很简单,当我更改视频时,我忘记在视频中包含“控件预加载”选项......

于 2016-08-24T18:55:40.200 回答