0

angular を使用してカスタム ビデオ コンポーネントを構築しており、ソースを外部に渡しています。コンポーネントを使用しない場合、ビデオは適切に表示されます。コンポーネントを使用すると、(inspect 要素を介して) ソースが正常に渡されたことがわかりますが、ビデオが表示されません。これはライフサイクルに何らかの関係があると感じています。

コード：

ホームページ:

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

(video.srcs はソース URL と MIME タイプのリストです)

成分：

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呼び出しにはありません。ソースをコンポーネントに手動で挿入しても、ビデオは表示されませんでした。私とマチューの違いを調べて解読しようとする必要があります

4

1 に答える 1

0

したがって、私の答えは、読み込み時間や依存関係とは何の関係もありませんでした。問題は、ビデオを変更したときに、ビデオに「コントロールのプリロード」オプションを含めるのを忘れていたことです...

于 2016-08-24T18:55:40.200 に答える