Sencha Video Panel, how to make it work?

[EZboy]

Hi there,
I am exploring the video panel features and can not get it to work on iPad or Chrome.
I am using a video link that works when pasted in the url bar by itself, it does not work when used with the video panel.
Can someone tell me what am I doing wrong please?


var youtubeOverlay = new Ext.Panel({
fullscreen: true,
items: [{
floating: true,
x: 200,
y: 100,
width: 600,
height: 400,
xtype: 'video',
url: "http://thelastminuteblog.com/video/bush-mediacoverage.mov"
}]
});

[EZboy]

This is how I got it to work, but native embed way would be preferred:


var youtubeOverlay = new Ext.Panel({
floating: true,
modal: true,
centered: true,
dockedItems: youtubeTb,
width: 700,
height: 520,
styleHtmlContent: true,
html: '<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/we6KqNCXiLo" frameborder="0"></iframe>'
});