移動HTML5視頻格式，視頻大小和FPS

Question

我即將使用HTML5創建一個移動網站，並希望使用HTML5視頻標簽。

我希望該網站能夠與iPhone，iPad，Android和其他智能手機/設備配合使用。

1. 我應該選擇哪種視頻格式？ MP4？
2. 我應該使用哪種尺寸的寬度和高度來獲得最佳效果？
3. 我應該為視頻使用哪種FPS（每秒幀速率）？

提前致謝。

Answer 1

這些都是非常主觀的問題，所以我會給你一些相當主觀的答案：

1. 我已經為3種媒體類型提供了很好的體驗（也希望是其他人）：用於<video>元素的H264 / MP4 ， OGG和WEBM ，至少這個組合在我現在能夠檢查的所有設備上運行良好。
2. 如果您還希望在桌面瀏覽器上內嵌顯示您的視頻，我會說您應該使用布局規定的尺寸。 如果您正在尋找僅限移動設備的解決方案，16：9內容的常用分辨率將為480x270（這是您選擇“為iPhone保存”時Quicktime Pro導出的內容），如果您計划平板電腦支持也可能需要為他們提供替代內容。
3. 幀速率越低，文件越小，所以你必須自己知道文件大小的重要性，我唯一可以建議的是使用原始視頻幀速率的一小部分（即12.5fps，如果你想減少一個25fps的源碼，否則你會得到抖動的丟幀效果。

另請參閱潛入HTML5的精彩視頻部分