HTML5 видеоплееры

Статья посвящена HTML5 видеоплеерам. Мы рассмотрим десять решений для кроссплатформенного показа видео на сайтах.Все рассмотренные HTML5 плееры умеют использовать не только HTML5, но подключать флеш версии тогда, когда это необходимо. Почти все из них бесплатные, и подходят для коммерческого использования.

Projekktor

Поддерживает: H.264, webM, Theora Ogg, Vorbis Ogg, MP3, а так же проигрывание видео с YouTube. Рекомендую посмотреть таблицу совместимости для полного представления.

HTML5 видеоплеер: Projekktor

VideoJS

HTML5 видеоплеер: VideoJS

Не использует изображения, камтомизация полностью через CSS, бесплатный и Open Source. Поддерживает форматы: H.264, Theora Ogg, webM.

SublimeVideo

HTML5 видеоплеер: SublimeVideo

Данное решение предоставляется не виде кода, а как сервис. Вы подключаете свой сайт в панели управления, и после этого вы уже не переживаете об обновлении кода, багах и добавлении новых возможностей — сервис сам все это делает, и отдает клиенту самую последнюю версию кода.

Поддерживает: H.264, webM, Ogg. Минус: скорее всего будет платное использование, но ценовая политика пока что недоступна. Ждем старта.

FlareVideo

HTML5 видеоплеер: FlareVideo

Открытый исходный код и бесплатное коммерческое, и частное использование. Кастомизация через HTML/CSS/JS. Требует jQuery для работы. Поддерживает: MOV, FLV, Ogg, H.264. К сожалению, не работает на iOS.

JW Player

HTML5 видеоплеер: JW Player

Флеш плеер с поддержкой HTML5 от компании Long Tail. Поддерживаем такие форматы: FLV, H.264, WebM, MP3, AAC.

OSM Player

HTML5 видеоплеер: OSM Player

Открытый плеер, использующий HTML5. Cудя по документации, его достаточно сложно интегрировать.

LeanBack Player

HTML5 видеоплеер: LeanBack Player

Не зависит от JS фреймворков, кастомизируется через CSS, имеет поддержку субтитров и локализаций.

Kaltura

HTML5 видеоплеер: Kaltura

Решение, которое уже сейчас используется на Wikimedia. Поддерживает: H.264, Ogg, FLV и MOV. Использует jQuery и jQuery UI.

Uppod HTML5

HTML5 видеоплеер: Uppod HTML5

Разработка отечественных конструкторов. Поддерживает: H.264, AAC, Ogg, webM. Поддержка флеш версии опционально.

jMediaElement

HTML5 видеоплеер: jMediaElement

Основанное на jQuery и JW player решение. Позволяет использовать субтитры.

Таблица сравнения

Ниже приведена таблица сравнения рассмотренных плееров.

 

HTML5 плеерJS фреймворкFlash заменаiOSПолный экранКлавиатураСубтитры
ProjekktorjQueryдадав пределах браузеранетнет
VideoJSдадав пределах браузеранетнет
Sublime Videoдададанетнет
FlareVideojQueryдадаPlay / Pauseнет
JW PlayerjQueryдаданетнетнет
OSM PlayerjQueryдадав пределах браузеранетнет
LeanBack Playerдадададада
KalturajQueryдадав пределах браузеранетнет
Uppod HTML5опциональнодав пределах браузераPauseнет
jMediaElementjQueryдадас плагиномдада

vremenno.net

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.