視頻組件不顯示視頻（顯示白色屏幕）

我正在構建一個帶有角度的自定義視頻組件，並且正在外部傳遞來源。不使用該組件時，視頻顯示效果良好。使用組件時，即使我可以看到源成功傳入（通過檢查元素），視頻也不會顯示。我有一種感覺，這與某種生活週期有關。視頻組件不顯示視頻（顯示白色屏幕）

代碼：

主頁：

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

（video.srcs爲src 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調用。手動將源插入組件中仍未顯示視頻。我將不得不看看並嘗試破譯我的和Mathieu的不同點

來源

2016-08-24 pasquers

我無法再現您的問題，我給你我的試玩者試試https：/ /plnkr.co/edit/7afE9xFJ15JENgwmEmGY?p=preview – Mathieu

嘿mathieu，我編輯了重要的信息，我認爲是不同的（我的來源是從一個平靜的呼叫拉）的帖子。我通過在加載srcs之前添加一個超時模擬了你的闖入者的安靜通話，並且現在視頻從不出現。謝謝，這是一個重要的說明，使https://plnkr.co/edit/ER9eOUOfgMqx0Y9T1KY8?p=preview – pasquers

上面的評論是不正確的，或者至少REST調用不是問題（可以看看編輯） – pasquers

所以我的答案與加載時間或依賴關係無關。問題是，當我更改視頻時，我忘記了在視頻中包含「控件預加載」選項...

來源

2016-08-24 18:55:40 pasquers

視頻組件不顯示視頻（顯示白色屏幕）

回答

相關問題