iPhone/iPadでも動作するウェブ上のビデオを提供する最善の方法は何ですか？

Question

iPhone/iPadでも動作するビデオをWeb上に実装する一般的な方法はありますか？

私の考えは、HTML5がサポートされている場合は、2つのバージョン（FlashとHTML5）を用意し、JavaScriptでチェックすることです。そうでない場合は、HTML5を再生します。多分もっと良い方法がありますか？

Answer 1

あなたはデフォルトのオプションとしてHTML5 videoタグを使用し、その中にフォールバックobjectタグを置くことができます。

あなたがここに（モバイルサファリを含む）SafariでHTML5 videoタグの使用について読むことができます。http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

Answer 2

あなたはこのクラスを使用して、いずれかのアプリのリソースバンドルからビデオを提示したり、インターネット経由でストリーミングすることができます：MPMoviePlayerControllerを

アップルのドキュメント：ここではHTML5の爪それをへ

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

Answer 3

ダイブ：http://diveintohtml5.ep.io/video.html

最後のマークアップでは、 要素をHTML5ビデオに使用し、ネストした フラッシュフォールバック用要素、 と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> 

Answer 4

私は、これは非常に有用であることが判明：

http://camendesign.com/code/video_for_everybody

それはHTML5を使用しますが、正常に失敗しましたフラッシュ。