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

내가 가진 것과 동일한 문제가있는 사람들. 플레이어를 패널에 배치했지만 구성 요소의 높이를 설정하지 않았습니다.. 플레이어가로드하는 데 시간이 걸리기 때문에 Extj는 크기가없는 일반 div로 간주합니다.