Верх страницы
Обложка к записи 10 бесплатных HTML5 аудио/видео плееров для разработчика
Время для прочтения: 0 мин. 28 сек.

10 бесплатных HTML5 аудио/видео плееров для разработчика

С каждым днем мы все больше и больше слышим о HTML5. По мнению экспертов HTML5 — это будущее Интернета. В HTML5 есть очень интересные функции, например воспроизведение аудио-видео роликов.

Предлагаю вашему вниманию краткий обзор 10 бесплатных HTML5 видео плееров для разработчиков.

Plyr

Plyr — простой, легковесный, кастомизируемый, доступный (accessible) HTML5 плеер для воспроизведения как аудио, так и видео контента.

Поддерживает популярные стриминговые платформы: YouTube и Vimeo. Работает во всех современных браузерах.

Внешний вид плеера Plyr

PlayerJS

Позволяет создать полностью свой плеер. Есть возможность управлять дизайном, настройками и рекламой в конструкторе плееров для сайтов PlayerJS. Используйте свободу выбора. В конструкторе есть все необходимые опции, чтобы создать свой плеер мечты.

MediaelEment.js

HTML5 <video> и <audio> проигрыватель на чистом HTML и CSS с фолбеком на Flash и Silverlight. На данные момент входит в ядро WordPress.

MediaElement.js

jPlayer

Это jQuery плагин для проигрывания аудио и видео. Поддержка форматов: mp3, m4a (AAC), m4v (H.264), ogv, oga, wav, webm.

jPlayer

Скачать

MediaFront

Открытая бесплатная платформа (лицензия GPLv3) для внедрения плеера в веб-страницу, использует все новороты HTML5. Внедрение роликов с YouTube, Vimeo. Темы основаны на jQuery-UI ThemeRoller

Скачать

JME

jme — это HTML5 аудио/видео компонент с Flash и VLC Fallback, который сфокусирован на гибком интуитивно понятном DOM-API и семантичном коде.

Скачать

FlareVideo

Flare — бесплатный HTML 5 видео плеер. Темы основаны на CSS/HTML/JS. Полностью открытый исходный код. Бесплатен для коммерческого использования.

Скачать

Projekktor

Projekktor обертка для новых HTML5 аудио и видео элементов. Прост в интеграции (всего один JavaScript файл). Кроссбраузерный (IE, Opera, Chrome, Safari, Firefox и другие). Поддерживает внедрение рекламы в проигрываемый ролик.  Использует свободный видеокодек Theora. Есть плейлисты. Показ роликов с YouTube. Темы основаны на HTML/CSS. Бесплатен для некоммерческого и коммерческого использования (лицензия GNU GPL)

Скачать

Video JS

HTML5 видео плеер. Использует современные возможности браузеров. Бесплатен. Исходный код открыт. Легковесный. Не использует картинок. Скины задаются через CSS. Есть полноэкранный режим. В старых браузерах плеер автоматически заменяется на Flowplayer. Лицензия MIT.

Скачать

AmplitudeJS

Amplitude.JS — современный HTML5-аудиоплеер. Не нужно никаких зависимостей. Поддержка плейлистов, хуков, мобильных девайсов, тач устройств, SoundCloud. Дизайн полностью кастомизируется. Через этот плеер можно организовывать стримы. 2232 звезды на Github.

AmplitudeJS

Скачать

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

36 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Alex
13 лет назад

Действительно многие новые теги HTML5 очень полезны, но их пока приходиться дублировать другими средствами с HTML4.

luff
luff
11 лет назад

как добавить видео в плеер ?

luff
luff
11 лет назад

и как вообще пользоватся правильно плеером как настраивать ?

luff
luff
11 лет назад

FlareVideo , я загрузил его на сайт и не знаю как указать — чтобы он показывал видео

SoltanSaid
11 лет назад

Уважаемый есть пример как их на сайт ставить эти плееры ?? это плагины или что ?
мне на вордпресс надо их поставить это возможно ??

Ваня
Ваня
11 лет назад

Подскажите, как мне подключить плеер Projekktor к своему сайту, я просто не нашел кода, для подключения.

валерий
10 лет назад
Ответить на  Кобзарёв Михаил

У меня также не захотел ставиться на blogspot. Эти скриты не идут для XML,
выдаёт «Ошибка при синтаксическом анализе XML (строка 956, столбец 267): The entity name must immediately follow the ‘&’ in the entity reference.»
Это вслучае с Projekktor, так что буду пробовать другое где не надо обновлять
до jQuery JavaScript Library v1.4.2

валерий
10 лет назад
Ответить на  Кобзарёв Михаил

так о чём толкую то — не получается! я в XML не петрю и скопировать негде!

валерий
10 лет назад
Ответить на  Кобзарёв Михаил

ладно чуваки вижу тут внятных ответов не дождёшся. придётся самому копать, как накопаю выложу тут ссылочку — где это лежит. до скорого!!!

Aleksov
Aleksov
10 лет назад

Вот ещё как вариант, универсальный HTML5 аудио / видео плеер http://set-pro.net/scr/ptmedia/

Шанди
Шанди
10 лет назад

Кто знает плеер чтобы играли форматы mp3 mp4 flv без установки flash а только средствами html

Шанди
Шанди
10 лет назад

Я просто думаю. Ведь на любом устройстве уже есть свои плееры. Почему сайт не может передать файл туда чтобы играл как бы через встроенный плеер но внутри сайта.

mihdan
9 лет назад
Ответить на  Шанди

Может)

Шанди
Шанди
10 лет назад

Спасибо, сейчас попробую.

Valery
9 лет назад

Рекомендую подробный урок по созданию своего видеоплеера с применением MediaElement.js http://siteacademy.ru/index.php/jquery/40-jquery/video-player

Vova
Vova
5 лет назад

Можно использовать плеер от SoundHost
Он удобный, быстрый, функционален и красив 😉
(также удобное и быстрое встраивание плеера на любой сайт, форум)

мирей
мирей
5 лет назад

pojektor — ссылка не работает

Zakar1ya
Zakar1ya
3 лет назад

Я начал изучать программирование и хочу внедрить видео плеер в своё приложение, который будет воспроизводить видео из Youtube, можно ли внедрить такое? Заранее спасибо

Максим
Максим
3 лет назад

Добрый день, Михаил.

Можете подсказать, какой аудиопллеер выбрать для интеграции с сайтом на платформе CS Cart?

Drew
Drew
1 год назад

Пост старый, но вижу, что раз в год отвечаете. Хотелось бы понять разницу между платными и бесплатными плеерами. Есть конкретный пример — MPVplayer и на сайте mpvplayer.com. Первый с открытым исходным кодом, получается сервис предлагает купить бесплатный? Или он усовершенствованный.

Иван
Иван
1 год назад

Помогите установить пожалуйста!! отблагодарю AmplitudeJS

Предыдущая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы