In the interest of finding the right answer by posting (possibly) incorrect information, here goes.
Transcode an H.264 video to something that works great on the ipad/iphone: video: avc1, 29.97 fps, 380 kbps, 480 x 370 Audio: mp4a, 44 kHz, 64 kbps Put together a page and view it on the iphone/ipad:
<!DOCTYPE html> <html><head><title>html5 test</title></head><body> <video id="movie" width="480" height="370" poster="http://example.com/still.jpg" controls> <source src="http://example.com/video.mp4" type="video/mp4"> Your browser does not support html5 video. </video> </body></html>
View it on the iphone/ipad – wonderful html5 video plays.
View it on Android 1.6 (G1) – Nope, get “Your browser does not support html5 video”. View it on Android 2.1 (Nexus One) – See the poster image, and if you add the onclick hack below the video will play in the media player. View it on Android 2.2 (Nexus One) – See the poster image, but clicking the poster does nothing, cannot view video.
When will Android support html5 video?
Update: Found a message from Dan Morrill html5 video is not supported at this time in the browser.
Update 2: Some people have found some level of success by adding onclick=“this.play();” to the tag, but this doesn’t always work, for instance it used to work with Android 2.1 on the Nexus One, but since upgrading to Android 2.2 it no longer works.