xtype: video

[436820]

Hi! There code

Ext.create('Ext.Panel', {                                                                fullscreen: true,                                
                                items: [
                                    
                                    {
                                        xtype    : 'video',
                                        url      : "video/blablabla.webm",
                                        posterUrl: 'img/balbalbla.png'
                                        
                                    }
});

Why a posterurl not working? i mean.. i can't see the small pictures of video...

[436820]

already working =)

[Noor.Amin]

I am using trial version of ExtJS 4.1. One of the requirement for my project is to see if we can do a decent amount of Video control/manipulation and as soon as create an item of xtype 'video', I get:

Uncaught TypeError: Cannot call method 'substring' of undefined

Here is my code (it's from Sencha docs: http://docs.sencha.com/touch/2-0/#!/api/Ext.Video) :

Ext.onReady(function()
{
var panel = new Ext.Panel({
fullscreen: true,
items:
[
{
xtype : 'video',
x : 600,
y : 300,
width : 175,
height : 98,
url : "WeightLifting.wmv",
posterUrl: 'ArrowRight.jpg'
}
]
});


});

[436820]

... you must use Sencha Touch 2! Not ExtJS

[Noor.Amin]

I now notice that I was under Sencha2 documentation. I have two questions then....

1. I believe Sench Touch is for the touch/smart phones. That means, I can't or shouldn't use it for my regular web app development, right?

2. Does ExtJS have any Video component? Or I will have to put it in my HTML code and use contentEl to add the HTML5 video component to my ExtJS panel?

Thanks in advance.

[jerome76]

1) Sencha Touch is just optimized for mobile web pages or apps. You can certainly use it for web app development.

2) I don't believe Ext.JS has a video player. Take a look at this: http://blog.nihilogic.dk/2008/04/mak...eo-player.html

[Noor.Amin]

for the quick reply...I really appreciate it.