Is there a compatible way to serve videos to mobile devices?

I was wondering how to embed a video on a webpage to have it compatible with mobile devices. I am kinda new to the whole mobileweb. So I set up some testing pages and tried them out with some devices of my friends. Flas开发者_运维技巧h is obviously not the way to go. Embed tag neither. html5 video tag neither. I also tried to nest them for fallback compatibility but just didn't get it right.

So I had a look at youtube. They are using rtsp streams and they just let the device handle the rtsp:// links. This seemed to be working everywhere, and I think they do it for a reason. So I had a look at rtsp protocol the possibilities to serve such a stream. Turned out its really simple and doesn't really differ much from the http protocol. There is e.g. ffserver out there for that.

But every free/os implementation seems to be testing/buggy ...

So I ask you guys. I cant be the first stumbling across this problem.

Isn't there a nice tested way to embed videos with nice compatibility for mobile devices? preferably served from a http source!

looks like html5 is the way to go but important are the correct encoding settings. h264, baseline 1.3 seems to work fine with iphone4 and android 2.1 ... rest untested.

I've been collection information about mobile compatible video players, you can find it here: http://blog.jsethi.com/media/html5-video-players/

The solution would be to use Kaltura open source platform. If you have have the knowledge to set it up it's the winning solution.

Here is my kaltura running HTML5 with flash fallback. http://cdpn.io/DeKuo

Read more here http://www.kaltura.org/

and here http://html5video.org/

Good Luck !