ExtJS和JWplayer

Question

我在ExtJS中有一個應用程序，它使用JWplayer來重現一些視頻。但是我遇到了一些奇怪的錯誤。

當頁面加載時，似乎JWPlayer將不會加載，然後我收到一個黑色線條，玩家應該被顯示。

我正在加載一個extjs面板中的jwplayer。

有沒有人遇到過這個？有沒有辦法解決這個問題？

Answer 1

我創建了一個可拖動的浮動面板，裏面有一個JW Player的實例，它的工作原理就是找到。

檢查出來，也許你在那裏做錯了什麼。

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     Ext.create('Ext.panel.Panel',{ 
      title: 'Testing JW Player', 
      width: 480, 
      height: 300, 
      floating: true, 
      draggable: true, 
      layout: 'fit', 
      renderTo: Ext.getBody(), 
      items: [{ 
       xtype: 'panel', 
       id: 'testing' 
      }], 
      listeners: { 
       afterrender : function(component) { 
        jwplayer('testing').setup({ 
        file: "http://videos-jp.jwpsrv.com/zWLy8Jer/videos/HkauGhRi-1753142.mp4?77c801d752d5207784c49e7ed80fb953798fae0fcca03ecf79558491aa7db70fc9392eb19e958e847c3e486d709eab9f57d25c86934c4b6091bc427de8ab078578054aaba8384904c4762bd67442c3809470687047", 
        image: "http://demo.jwplayer.com/homepage/homepage_preroll.jpg" 
        }); 
        } 
       } 
     }); 
    } 
}); 

你可以在這裏訪問我的小提琴：https://fiddle.sencha.com/#fiddle/blb

• JWPlayer是順便說一個漂亮的圖書館，這是我第一次看到它，不錯的工作。

Answer 2

對於那些可能與我有同樣問題的人。 我把玩家放在面板上，但是我沒有設置組件的高度。由於玩家需要一段時間才能加載，我猜Extjs只是把它看作一個沒有大小的普通div。