Мобильный формат видео HTML5, размер видео и FPS

Question

Я собираюсь создать мобильный сайт с использованием HTML5 и хочу использовать тег видео HTML5.

Я хочу, чтобы сайт работал с iPhone, iPad, Android и другими смартфонами / устройствами.

1. Какой формат видео выбрать?mp4?
2. Какой размер я должен использовать для ширины и высоты, чтобы получить лучший результат?
3. Какой FPS (частота кадров в секунду) я должен использовать для видео?

   Заранее спасибо.

Answer 1

Это довольно субъективные вопросы, поэтому я дам вам довольно субъективные ответы:

1. Я получил хороший опыт (надеюсь, что и другие), обслуживая 3 типа медиа: H264 / MP4 , OGG и WEBM для <video> элементов, по крайней мере, эта комбинация работалана всех устройствах, которые я смог проверить на данный момент.
2. Если вы хотите, чтобы ваше видео отображалось встроенным в браузерах настольных компьютеров, я бы сказал, что вы должны использовать размеры, которые определяются вашим макетом.Если вы ищете решение только для мобильных устройств, общее разрешение для контента 16: 9 будет 480x270 (это то, что Quicktime Pro экспортирует, когда вы выбираете «Сохранить для iPhone»), если вы также планируете поддержку планшетов, возможно, вы захотитеобслуживать их альтернативным контентом.
3. Чем ниже частота кадров, тем меньше размер файла, поэтому вам придется самостоятельно знать, сколько файлов имеет значение, единственное, что я могу посоветовать, - это использовать полную дробьисходной частоты видеокадров (т. е. 12,5 к / с, если вы хотите уменьшить источник 25 к / с), так как в противном случае вы получите дрожащие эффекты пропуска кадров.

Также, пожалуйста, ознакомьтесь с отличными раздел видео из Погружение в HTML5