ExtJS和JWplayer

Question

我在ExtJS中有一个应用程序，它使用JWplayer来重现一些视频。但我遇到了一些奇怪的虫子。

当页面加载时，JWPlayer似乎不会加载，然后我收到一条黑线，播放器应该显示的位置。

我在extjs面板中加载jwplayer。

有没有人经历过这种情况？有没有办法解决这个问题？

Answer 1

我已经创建了一个可拖动的浮动面板，里面有一个JW播放器的实例，它只需查找即可。

看一看，也许你做错了什么。

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。