¿Cuál es la mejor manera de proporcionar videos en la web que también funcionan en iPhone / iPad?

¿Existe una forma común de implementar videos en la web que también funcione en iPhone / iPad?

Mi idea es proporcionar dos versiones (Flash y HTML5) y verificar con JavaScript si HTML5 es compatible; si es así, entonces juega Flash; si no es así, juega HTML5. ¿Tal vez hay una mejor manera?

Puede usar la label de video HTML5 como opción pnetworkingeterminada y colocar una label de object alternativo dentro de ella.

Puede leer sobre el uso de tags de video HTML5 en Safari (incluido Mobile Safari) aquí: http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

Sumérgete en HTML5 aquí: http://diveintohtml5.ep.io/video.html

El margen final utiliza un elemento para el video HTML5, un elemento nested para el respaldo de Flash y una pequeña secuencia de commands para el beneficio de los dispositivos Android:

 <video id="movie" width="320" height="240" preload controls> <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' /> <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' /> <source src="pr6.mp4" /> <object width="320" height="240" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf"> <param name="movie" value="flowplayer-3.2.1.swf" /> <param name="allowfullscreen" value="true" /> <param name="flashvars" value='config={"clip": {"url": "http://wearehugh.com/dih5/pr6.mp4", "autoPlay":false, "autoBuffering":true}}' /> <p>Download video as <a href="pr6.mp4">MP4</a>, <a href="pr6.webm">WebM</a>, or <a href="pr6.ogv">Ogg</a>.</p> </object> </video> <script> var v = document.getElementById("movie"); v.onclick = function() { if (v.paused) { v.play(); } else { v.pause(); } }; </script> 

Puede presentar videos desde el package de resources de su aplicación o transmitirlos por Internet, utilizando esta class: MPMoviePlayerController

Apple docs:

http://developer.apple.com/library/ios/#documentation/mediaplayer/reference/MPMoviePlayerController_Class/MPMoviePlayerController/MPMoviePlayerController.html

Me pareció muy útil:

http://camendesign.com/code/video_for_everybody

Utiliza HTML5, pero falla con gracia en flashear.