Верх страницы
Обложка к записи 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

Скачать

ВКонтакте
Одноклассники
Linkedin
Telegram
WhatsApp

Комментарии
Подписаться
Уведомить о
guest
32 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Alex
10 лет назад

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

luff
luff
9 лет назад

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

luff
luff
9 лет назад

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

luff
luff
9 лет назад

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

SoltanSaid
8 лет назад

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

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

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

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

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

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

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

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

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

Aleksov
Aleksov
8 лет назад

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

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

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

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

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

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

Может)

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

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

Valery
7 лет назад

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

Vova
Vova
3 лет назад

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

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

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

Zakar1ya
Zakar1ya
1 год назад

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

Максим
Максим
9 месяцев назад

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

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