モバイルHTML5動画形式、動画サイズ、FPS

Question

HTML5を使用してモバイルウェブサイトを作成しようとしており、HTML5動画タグを使用したいと考えています。

iPhone、iPad、Android、その他のスマートフォン/デバイスで動作するようにします。

1. どのビデオ形式を選択しますか？ mp4？
2. 最良の結果を得るには、どのサイズを幅と高さに使うべきですか？
3. 動画に使用するFPS（フレーム/秒）レートはどれですか？

ありがとうございます。

Answer 1

ものはかなり主観的な質問ですので、私はあなたにいくつかのかなり主観的な回答を与えるでしょう：OGG、H264/MP4：私は3つのメディアタイプを提供するとの良好な経験（および希望他人を）作った

1. をと<video>要素で、少なくともこの組み合わせは、私が今確認できるすべてのデバイスでうまく機能しました。
2. デスクトップブラウザでビデオをインラインで表示したい場合は、レイアウトによって決まるディメンションを使用する必要があります。モバイル専用のソリューションをお探しの場合は、タブレットサポートをご希望の場合は、16：9コンテンツの一般的な解像度は480x270（「iPhone用に保存」を選択するとQuicktime Proが書き出すもの）ですそれらのための代替コンテンツを提供する。
3. フレームレートが低いほど、ファイルが小さくなるので、ファイルサイズの重要性を自分で知る必要があります。唯一注意すべき点は、元のビデオフレームレートの全部を使用することです（つまり、12.5 25fpsのソースを減らしたい場合はfps）、さもなければジッタのあるドロップフレーム効果が得られます。

またHTML5

へ ダイブの偉大video sectionを参照してください。