Как кодировать видео на сайт для просмотра в iPhone.
Все прекрасно знают что такие продукты компании Apple как iPhone и IPad не поддерживают Adobe flash player. Таким образом видео, вставленное на сайт с помощью плагинов, поддерживающих технологию adobe flash, будет недоcтупно для пользователей этих девайсов. А поскольку они достаточно популярны, махнуть рукой на такой прискорбный факт будет как минимум глупо. Также все знают что эти продукты поддерживают HTML5. В нем для вставки видео использкется тег <video>. Поддерживаются следующие форматы видео:h.264, WebM и Ogg. Вставка видео делается следующим образом:
<video
width="320" height="240"> <source type="video/mp4" src="video.mp4" /> <source type="video/webm" src="video.webm" /> <source type="video/ogg" src="video.ogv" /> </video
>
Могу сразу рассказать пользователям Joomla и Witgetkit маленький секрет. Тег видео можно записать так
<video controls="controls" height="480" poster="images/poster.png" preload="none" width="720"> где:
controls - показать панель управления плеером,
poster - картинка к видео показываемая до запуска,
preload - загружать видео автоматически или нет.
Второй немаловажный вопрос - как же сжать это видео. Для iPhone и IPad видео нужно сжимать кодеком h.264. И вроде все хорошо, но недавно я столкнулся с проблемой просмотра этими устройствами такого видео при потоке в 12000 kbps. На сайте discussions.apple.com я нашел разъяснение этой проблемы.
Your problem is the total bit rate - 35785kbps is way to high. As a comparison iTunes HD movies (which sync to iPhone 4) are in the 4000 - 4500kbps range.
Оказывается суммарный битрейт (включая и звук) видео не должен превышать 4500 kbps.
Вот и весь секрет.
Удачи Вам.
Автор: Darkeye.
Еще интересное в сети.