jQuery плагин для проигрывания аудио и видео jPlayer

В сегодняшнем посте я расскажу про хороший плагин для проигрывания видео и аудио на jQuery. Имя ему jPlayer.

Коротко о характеристиках плагина.

jPlayer позволяет:

  • проигрывать и управлять медиафайлами на вашем сайте — вы можете управлять множеством действий программно с помощью javascript
  • создавать и стилизовать плеер с помощью HTML и CSS
  • добавить мультимедиа в Ваши проекты на jQuery

Поддержка форматов:

  • С использованием HTML5:
    • mp3,
    • m4a (AAC),
    • m4v (H.264),
    • ogv,
    • oga,
    • wav,
    • webm
  • С использованием Flash:
    • mp3,
    • m4a (AAC),
    • m4v (H.264)

Поддерживаемые браузеры:

  • Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 beta
  • OSX: Firefox, Chrome, Opera, Safari
  • iOS: Mobile Safari: iPad, iPhone, iPod Touch

Версия jQuery для работы плагина от 1.3.2 и выше.
Чтобы включить проигрывание трека, достаточно написать всего лишь:

  1. $(document).ready(function() {
  2.   $("#jpId").jPlayer( {
  3.     ready: function () {
  4.       $(this).jPlayer("setMedia", {
  5.         mp3: "/mp3/rington.mp3" // Ссылка к mp3 файлу
  6.       }).jPlayer("play"); // автоплей
  7.     }
  8.   });
  9. });

Вот так просто. Думаю применения плагину найдется. Ну а о собственном опыте пользования плагином jPlayer расскажу в следующих статьях. Ну а скачать плагин и почитать доки к нему на английском можно на оф. сайте

Запись опубликована в рубрике JS & jQuery с метками , , . Добавьте в закладки постоянную ссылку.

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">