12 jQuery плагинов для проигрывания видео и аудио файлов



Я уже делал несколько раз подборки jquery плагинов здесь и здесь. Сегодняшние плагины посвящены проигрыванию видео и аудио файлов на сайте.

jPlayer
Этот плеер поддерживает следующие форматы в HTML5-версии: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm*. При использовании flash: mp3, m4a (AAC), m4v (H.264). По заверению автора, плеер работает в Chrome, Opera, Safari, IE6, IE7, IE8, IE9, iPad, iPhone, iPod.
jplayerПерейти на сайт


Video JS
Честно говоря, для использования Video JS необязательно использовать jquery, но автор любезно предоставил jquery-версию.
Video JSПерейти на сайт

Acorn Media Player
Этот проигрыватель использует HTML5 video тег и делает акцент на количестве настроек.
Перейти на сайт

Media Element
Воспроизводит аудио и видео файлы. Есть специальные версии для: WordPress, Drupal и для RoR.
Media ElementПерейти на сайт

Flare Video
По функционалу похож на ранее рассмотренные плееры. Можно использовать разные темы оформления.
Flare VideoПерейти на сайт

Open Standard Media
Плеер с кучей настроек, но с неудобным интерфейсом.
Open Standard MediaПерейти на сайт

jMP3
jMP3 (javaScript MP3 player) поможет воспроизвести mp3 файлы на вашем сайте. Поддерживает только mp3 формат.
jMp3Перейти на сайт

Malsup jquery media plugin
Поддерживает следующие видео форматы: asx, asf, avi, flv, mov, mpg, mpeg, mp4, qt, ra, smil, swf, wmv, 3g2, 3gp.
И может воспроизводить такие аудио-файлы: aif, aac, au, gsm, mid, midi, mov, mp3, m4a, snd, ra, ram, rm, wav, wma.
malsup jqueryПерейти на сайт

Oiplayer
Основан на flowplayer‘е. Работает на Safari, Google Chrome, Firefox, Internet Explorer.
OIPlayer jQuery pluginПерейти на сайт

Simple Player
Проигрывает mp3-файлы. Работает во всех браузерах поддерживающих audio тег HTML5.
Simple PlayerПерейти на сайт

IWishQuery
Делает все тоже самое, что и Simple Player.
IWishQueryПерейти на сайт

JQuery Sound Plugin
Не слишком удобный плеер. К тому же, без Quicktime плагина не запускается.
JQuery Sound PluginПерейти на сайт



Теги: , ,

Комментарии

  1. Спасибо за плагины! Пригодиться!

    Reply

  2. Вот мой вариант HTML5 аудио / видео плеера с поддержкой воспроизведения потокового контента
    http://set-pro.net/scr/ptmedia/

    Reply

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

    Reply

Оставить комментарий