"Video" doesn't work

[brush51]

Hello everyone,

i have tried out the Video functionality but it doesn't play the video.
Format of the "sample_00.mov" file is H.264 .

I have copied the sample code from the documentation:

Ext.setup({
	onReady: function () {
		var pnl = new Ext.Panel({
		    fullscreen: true,
		    items: [
		        {
		            xtype    : 'video',
		            x        : 320,
		            y        : 240,
		            width    : 320,
		            height   : 240,
		            url      : "img/sample_00.mov",
			    posterUrl: 'img/sample_00.png'
		        }
		    ]
		});
	}
});

Whats wrong here? Did I miss something? Or is there any bug..?

I get this:
Check out the attachment!

[brush51]

Sorry guys, it was a Server-problem.

[ncanton]

What was the server problem? I'm seeing the same issue. I'm running the kitchen sink sample from my mac's built in web server (ie putting the files in /Library/WebServer/Documents) & video plays fine on the desktop but not on my ipod touch running ios 3.2.

[jeffremer]

Browser implementations of the video tag are notoriously picky. You should ensure that your server is sending the correct MIME type. In Apache this would be an AddType directive along the lines of:

AddType video/mp4 .mp4

[ncanton]

Thanks. I added that to my httpd.conf but to no avail I just remembered to try http://dev.sencha.com/deploy/touch/e...s/kitchensink/ & it's giving the same problem so maybe it's my version of ios? I'm going to try on ios4 & see what happens.

[jeffremer]

You could confirm that the Content-Type header is being sent correctly by using curl -I http://yourdomain.com/yourvideo.mp4. You should probably also confirm that the video you are trying to open is H.264 encoded.

[ncanton]

Content-type looks good using curl:

Content-Type: video/mp4

Yep according to the Finder app's info on the file it's H.264

I found that I'm not on ios 3.2 but 3.1.3. Either way what I'm seeing through google searches is that H.264 mp4's should be working on 3.0 & above. I just tried another mp4 that's working on my webOS device & it's working fine in ios. Directly going to the sencha space.mp4 included vid gives an error message:

'Cannot Play Movie' Movie could not be played.

So definitely looks like a formatting issue, at least with 3.1.3 ios. Haven't gotten to try it on a later version but will report back.

Thanks for your help!

[ncanton]

sencha included video (space.mp4) is working on ios 4.

[brush51]

If it helps,
my server configurations was set to not allow videostreaming.