2011-07-31 2 views
7

主にビデオを表示するウェブサイトを管理する必要があります。このウェブサイトにはモバイル版の< video>タグがあり、ビデオはiPod、iPhone、iPad、その他のモバイルデバイスでブラウザで再生することもできます。ウェブサイトやモバイルデバイスのビデオは、これらすべてのサポートのためのクロスプラットフォームコード/フォーマットが1つありますか?

ここで私が今質問しているのは、どのフォーマット/コーデックがビデオの変換を選択するのか、最良のワークフローを得るためですか?

フラッシュと<ビデオ>プレーヤーの両方で再生できるフォーマットを見つけるのが最適なソリューションです。そのため、クライアントは動画を複数のファイルにエクスポートしないようにしています。

フラッシュの場合は、h264コーデックで.flvファイルを使用します。 そのフォーマット/コーデックは<ビデオで再生できません>

そうでない場合、両方で動作するフォーマット/コーデックの組み合わせはありますか?

いつも私は何をしていますか? Webバージョンには.flv/h264ファイル、モバイル版には.ogg/webMファイルがありますか?

貴重なアドバイスをありがとうございました!

+2

MP4コンテナ内のH.264 Flash PlayerとiOS(そしてMacのSafari)にも対応しています。 Flash用に.flvファイルを使用する必要はありません。しかし、すべてのWebブラウザでビデオ要素で動作するフォーマットはありません。私が知る限り、OggまたはwebMはiOSデバイスでは動作しません。 –

+0

よかったです、ありがとうございました!また、私は同じ結論に至ったhttp://diveintohtml5.org/video.htmlを読んでいます。 – daviddarx

+0

したがって、mp4とh.264とaacコーデックを使用すると、フラッシュをインストールできる場所(コンピュータのすべてのブラウザ)、すべてのiOSデバイス、およびAndroidデバイスでビデオを表示できます。私にとって完璧な音です。ビデオプラットフォームには十分ですか、複数のファイルを使用できますか? – daviddarx

答えて

3

私は、これはHTML5動画に関するかなり良い記事だと思う: http://diveintohtml5.ep.io/video.html

Codecs/container IE Firefox Safari Chrome Opera iPhone Android 
Theora+Vorbis+Ogg · 3.5+ †  5.0+ 10.5+ ·  · 
H.264+AAC+MP4  9.0 ·  3.0+ ·  ·  3.0+ 2.0+ 
WebM    9.0 4.0+ †  6.0+ 10.6+ ·  2.3‡ 

この記事によると、どこでも動作します何のフォーマットがありません。 私は、H.264でビデオをエンコードしています。だからiPhone、iPad、Safariでネイティブに動作し、他のすべてのプレイヤーでは、単にフラッシュプレイヤーをmpgファイルと読み替えるだけです。 (フラッシュでmp4ファイルに直接リンクすることはできますが、FLVファイルを使用する必要はありません)。

Modernizrを使用すると、HTML5がサポートされているかどうかを検出できます。サポートされている場合は、ブラウザでサポートされている形式です。

もちろん、すべてのツリー形式を使用できる方がよいでしょうが、クライアントのために扱うのが複雑なことがよくあります。ここで

+0

あなたの精度をありがとうございます! – daviddarx

1

は、Android、iOSとWP8、MacとWindowsの間で共通であるものです:

コンテナタイプ - MP4、M4V

エンコーディングタイプ - H.264ビデオ、最大1.5 Mbpsの、 640×480ピクセル、毎秒30フレーム、AAC-LCオーディオ(最大160 Kbps、48 kHz、ステレオオーディオ)の低複雑度バージョン

関連する問題