Наш блог

Видео-файлы на сайтах- это уже традиционное средство визуализации, так полюбившееся в коммерческих проектах. Для кросплатформенных показов видео, плееру предъявляются следующие требования:

1. поддержка различных форматов видео
2. совместимость с различными версиями браузеров
3. простое подключание к коду или к таблице CSS
4. возможность автоматического подключения флэш-версий
5. наличие такого функционала, как субтитры, локализация
6. ресурс должен быть открытым (бесплатные решения в коммерции приветствуются)

jMediaElement

Очень простой и понятный в использовании плеер,  функциональность в использовании суютитров. Сделан на основе jQuery и  JW player.

Uppod HTML5

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

Kaltura

На данный момент уже используется на используется на Wikimedia.
Здесь же можно посмотреть примеры и протестировать!
Поддерживает: H.264, Ogg, FLV и MOV. Использует jQuery UI и jQuery.

Projekktor

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

VideoJS

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

FlareVideo

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

JW Player

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

SublimeVideo

Предоставляется не виде кода, а как сервис. Вы подключаете свой сайт в панели управления, и после этого вы уже не переживаете об обновлении кода, багах и добавлении новых возможностей — сервис сам все это делает, и отдает клиенту самую последнюю версию кода. Поддерживает: H.264, webM, Ogg. Минус: платное использование, запуск продукта еще не стартовал.

LeanBack Player

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

OSM Player

Решение бесплатное, на базе html5, но довольно сложное в реализации.

В целом анализ совместимости выглядит так:

Нравится пост? Поделись с друзьями!