2016-08-31 77 views
0

我想在emberjs應用上實現jwplayer,我使用bower來安裝jwplayer,並將它包含在ember cli build上。在Emberjs上實現jwplayer

app.import('bower_components/jwplayer/jwplayer.js');

問題是,當IM應用途徑試圖安裝的jwplayer:

init() { 
    this._super(...arguments); 

    jwplayer.key='t7jmHu1/RAgJaW/NYESUcyMbUjuFcEeBqDTr/Q=='; 

    jwplayer("video").setup({ 
     file: "http://content.bitsontherun.com/videos/nhYDGoyh-kNspJqnJ.mp4" 
    }); 
} 

任何人知道如何解決這一問題?

+0

您需要確保在調用設置方法之前,'video' DOM元素應該準備就緒。因此,創建組件並將其包含在任何application.hbs和'didInsertElement'方法中,您可以編寫代碼。 – kumkanillam

回答

0

通常最好在組件內進行這種設置。這樣做可以更好地控制何時加載和卸載外部插件。

請參閱此頁上關於第三方庫的討論(https://guides.emberjs.com/v2.7.0/components/the-component-lifecycle/)。您還需要確保在willDestroyElement掛鉤中清理了庫的使用,以便最終不會在存儲器中浮現多個「鬼」版本的庫...