Question

我正在构建一个带有角度的自定义视频组件，并在外部传递来源。不使用该组件时，视频显示效果很好。使用组件时，即使我可以看到源成功传入（通过检查元素），视频也不会显示。我觉得这与生命周期有某种关系。

代码：

主页：

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

（video.srcs是src网址和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的差异

Answer 1

所以我的回答与加载时间或依赖关系无关。问题很简单，当我改变视频时，我忘了在视频中加入“控制预载”选项......

视频组件不显示视频（显示白屏）

1 个答案: