ExtJS и JWplayer

Question

У меня есть приложение в ExtJS, которое использует JWplayer для воспроизведения некоторых видеороликов. Но я испытываю некоторые странные ошибки.

При загрузке страницы кажется, что JWPlayer не загружается, а затем я получаю черную линию, где должен отображаться плеер.

Я загружаю jwplayer внутри панели extjs.

Кто-нибудь испытал это? Есть ли способ решить это?

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 без какого-либо размера.