Добавить в FacebookДобавить в Google BookmarksДобавить в TwitterДобавить в OdnoklassnikiДобавить в Vkcom

Как кодировать видео на сайт для просмотра в 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.  

Еще интересное в сети.

  

 

Перейти к ленте статей

Добавить комментарий