How to integrate Flowplayer in ExtJS 4.1

Question

I am trying to integrate Flowplayer in ExtJS by using Ext.flash.Component. While doing this, i am getting following error -

 ReferenceError: swfobject is not defined
new swfobject.embedSWF(

Here is my code -

var win = Ext.widget('window', {
    title: "Flowplayer Integration",
    layout: 'fit',
    width: 300,
    height: 300,
    x: 20,
    y: 20,
    resizable: true,
    items: {
        xtype: 'flash',
        url: 'flowplayer-3.2.16.swf'
    }
});
win.show();

score 1 · Answer 1 · answered Feb 26 '13 at 14:03

1

This component requires the third-party SWFObject library version 2.2 or above. It is not included within the ExtJS distribution, so you will have to include it into your page manually in order to use this component.

Download swfobject.js from http://code.google.com/p/swfobject/
Require it, like this: <script type="text/javascript" src="/js/swfobject.js"></script> or like this: Ext.require( '/js/swfobject.js' )

answered Feb 26 '13 at 14:03

Latikov Dmitry

956
5
8

I have already added `flowplayer-3.2.12.min.js`. So do i have to add `swfobject.js`? – Avinash T. Feb 27 '13 at 05:38
Yes, Ext.flash.Component require it – Latikov Dmitry Feb 27 '13 at 12:50

How to integrate Flowplayer in ExtJS 4.1

1 Answers1