2011-10-17 7 views
0

私はjquery mobileを使用してモバイルウェブサイトを作っています。私はiPad、iPhone、Androidデバイスのみを検討しています。私はフラッシュフォールバックは必要ありません。HTML 5 VideoのカスタムJSプレイヤーが必要ですか?HTML 5 Videoのデフォルトのサポートがあるデバイスのみを検討していますか?

次に、モバイル用のビデオプレーヤーを作成する最良の方法は何ですか?私はこれらのいずれかを使用する必要がありますかhttp://praegnanz.de/html5video/またはhtml 5ビデオコードだけが行います。私はカスタムスキンは必要ありません。主なものは、ビデオはスムーズにiPad、iPhone、Androidで再生する必要があります。

答えて

2

必ずしもこれらのビデオライブラリの1つを使用する必要はありません。 CSSを使用してコントロールをスタイルし、フォールバック(フラッシュとシルバーライトを含む)を指定できるHTML5ビデオ要素を使用できます。

iphone、ipad、androidの各モバイルブラウザがサポートしているビデオコーデックは、主なものです。 タグの間にフォールバックする複数のビデオフォーマットを指定できます。

私はiPhoneとiPadでこれをテストし、それがHTML5のvideo要素を使用してビデオを再生できます。

<video width="320" height="240" controls="controls"> 
     <source src="http://blip.tv/file/get/Qtv-CarrieFisherTalksStarWarsOnQ553.mp4" type="video/mp4" /> 
     Your browser does not support the video tag. 
</video> 

のiOSは、MP4をサポートしていますが、私はエンコードの詳細この記事を見つけたので、私はAndroidの専門家ではありませんよhtml5動画要素を介してAndroidで再生される動画:Encoding Video For Android

関連する問題