Меню
ГлавнаяAndroid

JWPlayer и свой YouTube. JWPlayer и свой YouTube Где скачать JWPalyer

JW Player for WordPress enables you to publish videos on your WordPress posts and pages using the most popular video player on the web. Take complete control of your player, from branding to size and dimensions. Allow users share and embed your videos from your WordPress pages & posts.

Free Features (NEW!):

Premium Features (NEW!):

  • JW Player dashboard connection via API Key and Secret
  • Select and publish videos hosted on JW Player
  • Select and publish playlists hosted on JW Player
  • Select and use a specific player for individual video embeds
  • Secure video URLs
  • Secure player embeds
  • Customize playlists
  • Unlimited ad tags
  • Select a specific ad tag for every single video
  • Video player bidding support with SpotX
  • Possibility to use an advertising embed block variable
  • Video / Playlist description
  • Video / Playlist thumbnail

JW Player for WordPress can be used with the cloud or even the self-hosted version of the player.

  • Register a JW Player account at https://www.jwplayer.com/pricing/
  • Once you’re logged in, copy your Cloud Hosted Player Libraries from https://dashboard.jwplayer.com/#/players/downloads
  • Paste your library url to the plugin options page.

Self hosted

  • https://www.jwplayer.com/pricing/
  • Once you’re logged in, download the player and copy your License key from https://dashboard.jwplayer.com/#/players/downloads
  • Upload the folder to your site
  • Add the full url of jwplayer.js in the plugin options page (ex. https://example.com/FOLDER-UPLOADED/jwplayer.js)
  • Paste your License Key to the admin page of the plugin.

After that, set your general preferences, choose the post types where you want to add videos and start to add content using the JW Player for WordPress box that you’ll find there. Just add the url of your self-hosted video or select cloud-hosted content from n your JW Player Dashboard.

That’s it, you’re ready to go!

Скриншоты Установка
  • Download JW Player for WordPress
  • Upload the ‘jw-player-7-for-wp’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  • Activate JW Player for WordPress from your Plugins page.
  • Once Activated, go to JW Player

From your WordPress dashboard

  • Visit Plugins > Add New
  • Search for JW Player 7 for WordPress and download it.
  • Once Activated, go to JW Player menu and set you preferences.

From WordPress.org or ilghera.com

  • Download JW Player 7 for WordPress
  • Upload the jw-player-7-for-wp directory to your /wp-content/plugins/ directory, using your favorite method (ftp, sftp, scp, etc…)
  • Activate JW Player 7 for WordPress from your Plugins page.
  • Once Activated, go to JW Player menu and set you preferences.
Отзывы

Lack of info for actually getting my JW video to work with the free plugin. JW Player was simple to use and understand. I"ve done nothing but waste time with this plugin. It"s all about the paid-for premium setup. I won"t buy anything without seeing it work first. And as far as I can see, using a WordPress player with an Amazon or other hosted links is easier and free. Deleted the plugin on all sites.

Seriously guys don"t waste your time over this plugin. I already bought the premium version of this plugin only to find out it"s just like the official jwplayer wordpress plugin that you can downlaod for free here: https://wordpress.org/plugins/jw-player-7-for-wp/ he doesn"t want to refund my money. You can get all the premium features of this plugin by just using the official jwplayer plugin. And you also need a jwplayer paid license in order to use this plugin.

The update to the plugin went flawlessly through the update feature in WordPress - but the new functionality of this revision broke on my website. I emailed ilGhera asking for help - not only did he help, he restored the complete functionality of all the pages that were non-functioning for me. Above and beyond - great customer service - thank you!!

Журнал изменений 2.0.1
  • Bug fix: Array check on getting videos for the single post
2.0.0
  • Enhancement: Support shortcodes like
  • Enhancement: Facebook Instant Articles support
  • Enhancement: WP Coding Sandard
  • Enhancement (Premium): JW Player dashboard connection by API Key and Secret
  • Enhancement (Premium): Select and publish videos hosted on JW Player
  • Enhancement (Premium): Select and publish playlist hosted on JW Player
  • Enhancement (Premium): For every embeded video, select and use a specific player set on JW Player
  • Enhancement (Premium): Secure video URLs
  • Enhancement (Premium): Secure player embeds
  • Enhancement (Premium): Playlist carousel customizable
  • Enhancement (Premium): Unlimited ad tags
  • Enhancement (Premium): Select a specific ad tag for every single video
  • Enhancement (Premium): Player bidding support with SpotX
  • Enhancement (Premium): Possibility to use an advertising embed block variable
  • Enhancement (Premium): Video/ Playlist description in meta box
  • Enhancement (Premium): Video/ Playlist thumbanil in meta box
1.5.3

Release Date: 8 Dec 2018
* Bug Fix: Add/ Delete video buttons not visible in WordPress 5.0

1.5.2
  • Enhancement: Security improvements.
  • Bug Fix: PHP Notices.
1.5.1
  • Enhancement: More skins available for JWP7.
  • Enhancement: (Premium) Adding custom skins and color customization for JWP7.
  • Enhancement: (Premium) Full skin colors customization for JWP8.
  • Bug Fix: PHP Notices.
1.5.0 1.3.3
  • Bug Fix: YouTube video thumbnail check returned always true.
1.3.2
  • Enhancement: Now is possible use the post thumbnail as video poster image.
  • Enhancement: YouTube videos now get thumbnails automatically.
  • Enhancement: (Premium) Removed the limit of six chapters and subtitles, you can add as many elements as you need.
  • Enhancement: (Premium) Now you can add Preview Thumbnails of your video, visible on mouseover on the timeline.
1.3.1
  • Bug Fix: Error Missing argument 2 for jwppp_video_code()… with Video Player position in pre/ post content.
1.3.0
  • Enhancement: When the file extension is missing or not recognized, now you can force a media type with a simple tool
  • Enhancement: The plugin is now Google Analytics ready
  • Enhancement: Now you can call videos from outside of the loop, by indicating the post/ page id into the shortcode
  • Enhancement: Use the shortcode into the text widget
  • Enhancement: Choose where the logo has to be visualized into the player
  • Enhancement: Now you can add subtitles to your videos
1.2.0
  • Enhancement (Premium): Now is possible to add a playlist using a shortcode.
  • Enhancement: Added the possibility to indicate a second video URL for mobile devices.
1.1.1

Release Date: January 03, 2015

  • Bug Fix: Missed database update
  • Bug Fix: Missed chapters update
1.1.0

Release Date: January 01, 2015

  • Enhancement (Premium): Added Autostart on page load option.
  • Enhancement (Premium): Added the possibility to publish more than one video per post/page (Ajax)
  • Enhancement (Premium): Updated the shortcode functionality that gives the ability to call the single video by number
  • Bug Fix: Blank line in the header, generated by getting player key and library script.
  • Bug Fix: YouTube preview image now fill the player dimensions.
  • Bug Fix: Problem on showing more than one video in archive pages.
1.0.1

Release Date: October 12, 2015

  • Enhancement: Added Custom Player Position option with shortcode
  • Enhancement: Added detailed instructions in how to setup JW Player self-hosted to your site
  • Enhancement (Premium): Added the possibility to add a playlist using a feed.

В данной статье мы обратимся к одному из наиболее важных и актуальных вопросов для вебмастера, а именно: как выбрать видеоплеер для сайта? Выделим несколько наиболее важных факторов, которые влияют на тот или иной выбор и пройдемся по самым популярным медиапроигрывателям.

  • Тип сайта

К примеру, Вы планируете создать онлайн кинотеатр, где в огромном количестве будут представлены фильмы и сериалы. Либо торговую площадку с короткими видеороликами с описанием товара. Еще один вариант — площадка развлекательной тематики, где так же будет видеоконтент, но он будет встречаться изредка и не во всех статьях.

  • Поддерживаемые форматы проигрывания:

3gp, mp4, AVI, OGG, flv и другие. Оптимально выбрать универсальный с этой точки зрения проигрыватель, чтобы воспроизводились все типы видеофайлов на всех устройствах.

  • Хранение видеоматериалов
  • embed вставка

Такой инструмент служит для продвижения вебсайта, за счет переходов на Ваш исходный сайт-источник или рост трафика в таких сервисах, как, например, яндекс.видео.

  • Дополнительный функционал

А именно: различные расширения, плагины, интеграция сторонних материалов. Примером может служить обращение через установленный проигрыватель к API какого-либо видео-хостинга, live-портала, вебкам площадки. Отметим, что большинство из современных медиаплееров поддерживают данную функцию.

  • Рекламные возможности

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

Мы составили список наиболее часто встречающихся онлайн-плееров, оценили их функционал и потенциал для использования, уделив основное внимание настройкам конструкторов и рекламным возможностям.

Playerjs.com

Представляет собой бесплатный html плеер: создал, скачал, установил. В базовом конструкторе более 400 настроек дизайна и поведения, не требующие навыков программирования, позволяющих индивидуализировать медиаплеер исключительно под Ваш стиль оформления. Отображение всех распространенных форматов в современных браузерах. Воспроизведение HTML5 Video, HTML5 Audio, HLS, DASH, YouTube, Vimeo. Playerjs является последней версией uppod — обновленный вид его конструктора.

Доступно подключение счетчиков Я.Метрика и Google Analytics, установка своего логотипа, кнопки соцсетей и месседжеров, запоминание времени, плагин для WordPress, Javasript API, плейлисты, Кнопка Live, выбор качества изображения, выпадающие списки и многое другое. Помимо базовой, так же есть и лицензиаонная платная вресия, которая позволяет настроить webcam, голосования, опросы и получить расширенные данные через API. Подразделяется на Pro (19$/мес и 89$/год) и Enterprise версии (цена индивидуальна). Начиная с Pro есть возможность показа своих рекламных роликов и использование мид-роллов. Так же добавляется оперативный саппорт. Уже в базовой версии есть опция выбора провайдера рекламы. Реализовано отображение всплывающих информеров — оверлеев, тизерных прероллов и видеорекламы (технология VAST).

KVS Player или Kernel

Видеоплеер HTML5 с широким спектром разновидностей монетизации. Подразделяется на обычный и embed режимы для использования на других порталах через встраиваемый код.
Если вести речь о самом Kernel плеере, то он бесплатный. Включает в себя стандартный набор настроек, но при этом впечатляет обширными выбором вариантов монетизации: Pre-roll, post-roll и pause-roll. Размещение ссылки поверх воспроизведения, изображение при наведении курсора мыши, указание любого количество всплывающих баннеров в разное время показа медиаматериалов. Баннеры могут быть настроены на появление снизу, сверху, справа и слева, а также можно указать свой текст и ссылку в панели управления.
Функционал включает в себя автозапуск, сохранение пропорций, получение embed кода, логотип с url, текст на контролбаре, подключение до 5 потоков с различным качеством (при переключении — отправление по ссылке). Кернел является по умолчанию Flash проигрывателем, но также имеет базовый HTML5 для проигрывания на мобильных устройствах, поддерживаются FLV, F4V и MP4 форматы. Стоит отметить, что помимо Flash/HTML5, поддерживается также встроенный режим с отображением только для MP4 файлов.
Кернел отлично подойдет как видеоплеер для сайта html, так и для более сложных проектов.
Помимо этого, если Вы используете WordPress, то можно бесплатно подключить и использовать на своем портале плагин KVS FLV Player.
Проигрыватель KVS с мощной платформой, на одноименном «движке», подойдет для более требовательного клиента. Здесь есть полный доступ к API, настройка сервера, лицензия сателлита, branding free и др. Далее в зависимости от инструментов выделяют следующие пакеты: Basic — 99 $/домен, Advanced — 299$/домен, Ultimate - 499$/домен. Начиная с Advanced добавляется мультиформатность видеоматериалов. KVS имеет более широкие настройки и варианты оформления. Если же такое не требуется, то Kernel player, хоть и c меньшим функционалом, но со всеми возможными интеграциями, также отлично впишется в структуру Вашего портала.

JW Player

HTML5 player с высокой скоростью воспроизведения и собственной платформой JW platform. Адаптивная передача потока HLS и DASH позволяет получить контент без задержек буферизации.

Среди функционала данного медиаплеера для сайта заметно выделяются следующие опции: live-видео, API-интерфейсы, JW Analytics, CSS Skinning либо 9 готовых скинов, логотип и брендинг, воспроизведение без хронометража, закрытые титры и соответствие требованиям FCC, кнопки соцсетей, 360 и VR, адаптивность под мобильные. Jwplayer включает в себя следующие варианты внедрения рекламных интеграций: Overlay, VAST и VPAID, собственная статистика и доступ к API, с отслеживанием в реальном времени и применения различных фильтров, таргетинга. Стоит отметить, что внедрение рекламы осуществляется только в версии Enterprise. Кстати, о версиях: Предоставляется доступ на использование JW player за 5$/месяц — пакет Starter, до 50 видеофайлов и 15,000 воспроизведений. Для тех, кому необходим большой инструментарий, предлагаются следующие варианты: Premium: Проигрыватель HTML5, 500 видеороликов и 100 000 проигрываний — $ 25в месяц. Business: Live-трансляции, JW платформа, 1,500 роликов и 150 000 просмотров за $50 в месяц. Enterprise: Индивидуальные цены, интеграция своей рекламы, JW платформа. Кроме этого, возможно монетизировать данный и любой другой плеер, за счет рекламного формата

TN-Player — Flash/HTML5

Плеер с удобным конструктором и воспроизведением различных медиаформатов: mp4, flv, f4v, ogg, webm. Подойдет как хороший бесплатный медиаплеер для сайта. Перечень настроек и особенностей оформления включает в себя: добавление плейлистов, добавление постера, https-протокол, использование CSP (функция защиты контента), autoplay, адаптивность, изменение размеров, изменение цвета фона, добавление логотипа, фиксирование панели управления, crossdomain, выбор качества.

Вставка плеера на сайт возможна по одному файлу, списком и целым плейлистом. Важным является наличие прямой ссылки на файл. Для вебмастера доступны следующие рекламные форматы: Pre-Roll, Pause-Roll, Post-Roll, Overlay в виде тизерных объявлений и VAST Pre-Roll с функцией пропуска через «n» секунд. Данные опции настраиваются внутри конструктора и внедряются в код вместе с медиаплеером. При этом рекламу можно полностью отключить, используя веб плеер для сайта лишь для воспроизведения роликов. Использование единого кабинета для управления, как самим проигрывателем, так и рекламы в нем, экономит время вебмастеру.

Video JS

HTML5 плеер с открытым кодом и множеством подключаемых плагинов. Одним из преимуществ выделяют его постоянство отображения в различных браузерах. Среди уже включенных в js video player функций и настроек по умолчанию, присутствуют: принудительное переключение к Flash, в случае проблем с отображением, работоспособность во всех браузерах, независимая библиотека, 100% поддержка стилей CSS. Отдельно отметим возможность подключения огромного количества плагинов ввиду открытости кода. Пример: videojsABdm (позволяет оставлять/отображать комментарии на временной шкале), плагины для Vimeo, Youtube, Dash и т.п., плагин videojs-share для формирования ссылок и embed и т.д. Просторы для монетизации video js также широки, как и функционал, и зависят лишь от умения прикрутить ту либо иную настройку. Наличие открытости заметно расширяет горизонты. В библиотеке GitHub, можно найти различные плагины по внедрению таких интеграций, как: подключение аннотации для внедрения ссылок и preview, overlay, VAST и VPAID pre-roll, плагина для размещения рекламных вставок на временной шкале и др. VJS является полностью бесплатным. Также если какой-либо опции не достает в библиотеке, то всегда можно создать/заказать и подключить нужный плагин самостоятельно.

На этом наш обзор завершен. Пишите в комментариях какой медиапроигрыватель используете Вы и какие еще онлайн-плееры следует осветить в будущих статьях. Всем успехов и высоких доходов!

Плеер JWPlayer включает множество полезных функций и методов для работы с видео, особенно для разработчиков, избавляя последних от надобности создавать собственные методы. К тому же JWPlayer условно платный, то есть стандартные возможности бесплатно, дополнительные (подключение платных плагинов, использование на коммерческих сайтах) - платно. Что относится к стандартным возможностям:

  • трансляции видео в форматах AVI Mpeg4 video,FLV, H.264 (.mp4,.mov,.f4v),3GPP (.3gp,.3g2),AAC(.aac,.m4a), MP3, YouTube,OGG Theora Video,AVI Microsoft mpeg4;
  • смена тем плеера;
  • установка свободных плагинов с сайта.
  • использование списков воспроизведения в формате RSS, ATOM.
  • поддержка встроенных событий, функций их обработки, получения состояния загрузки видео и т.д.

Ещё одной причиной по которой я советую использовать плеер JWPlayer - к нему существует подробная инструкция, но на английском, основы которой я укажу в этой статье.

Где скачать JWPalyer

Скачать плеер вы можете с официального сайта - www.longtailvideo.com/ или архивом с данной страницы (). Для установки и использования JWPalyer нам понадобятся три файла - jwplayer.js, player.swf и yt.swf. Для начала подключите основной файл:

После того как мы подключили javascript библиотеку нужно создать контейнер для плеера и указать javascript объект, содержащий настройки плеера:

jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", file: "/uploads/video.mp4", height: 270, width: 480 });

Во время загрузки видео контейнер будет отображать текст Loading the player ..., вы можете заменить его любым loader`ом, по умолчанию плеер пытается загрузить видео во flash плеере, если flash недоступен, будет использован HTML5. В вышеуказанном примере есть опции плеера, подробная характеристика которых будет дана ниже. Так же в качестве альтернативы Вы можете использовать тег video:

jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf" });

Самый простой способ вставки видео на ваш сайт, блог - указать всего две строки кода:

Параметры плеера настраиваются с помощью setup():

Метод setup может иметь несколько вложенных объектов:

  • playlist - плейлист(список проигрывания по-русски) с метаданными;
  • levels - качество проигрывания видео;
  • plugins - плагины плеера, например галерея видео роликов располагающаяся внизу и тд.
  • events – события, при запуске которых могут срабатывать соответствующие функции.
  • players - смена порядка загрузки браузера, например вместо привычного - первым flash плеер, вторым HTML5, Вы можете поменять данный порядок.

Конечно, трудно сразу уяснить о чём идёт речь, поэтому поясню на примере:

jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", playlist: [ { duration: 32, file: "/uploads/video.mp4", image: "/uploads/video.jpg" }, { duration: 124, file: "/uploads/bbb.mp4", image: "/uploads/bbb.jpg" }, { duration: 542, file: "/uploads/ed.mp4", image: "/uploads/ed.jpg" } ], "playlist.position": "right", "playlist.size": 360, height: 270, width: 720 });

В вышеуказанном случае будет использован элемент с id container, в него будет загружен flash плеер, находящийся по адресу /jwplayer/player.swf. Будет создан список воспроизведения, в котором первым следует - video.mp4, вторым - bbb.mp4, третьим - ed.mp4, при этом плейлист будет находится с правой стороны, его размер 360px. Далее указаны соответственно размеры плеера 720 и 270. Давайте подробнее разберём объект playlist.

Объект playlist

Для того чтобы от объекта playlist была польза ваш плеер должен поддерживать кнопки пермещения вперед и назад, либо Вы должны создать элементы и привязать к ним события для пермещения по элементам списка вопроизведения.

Для объекта playlist допускаются следующие параметры:

  • file - данный параметр обязателен, он содержит путь к файлу видео;
  • image - адресс постера(изоюражение которое будет заставкой до момента начала воспроизведения и после окончания воспроизведения);
  • duration - продолжительность в секундах.
  • start - начальная точка воспроизведения видео.
  • title - заголовок элемента списка воспроизведения.
  • description - заголовок элемента списка воспроизведения.
  • streamer - тип потока видео.
  • provider - интерфейс определенного сервиса.
  • levels - несколько уровней качества воспроизведения.
Объект levels

Объект levels позволяет использовать множественные уровни качества записи видео. Пример в котором указаны три уровня качества записи видео, которые пользователь способен выбрать.

jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", height: 270, width: 480, image: "/uploads/video.jpg", levels: [ { bitrate: 300, file: "assets/bbb_300k.mp4", width: 320 }, { bitrate: 600, file: "assets/bbb_600k.mp4", width: 480 }, { bitrate: 900, file: "assets/bbb_900k.mp4", width: 720 } ], provider: "rtmp", streamer: "rtmp://mycdn.com/application/" });

Объект Plugins

Объект Plugins подключает плагины. Пример указан ниже:

jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", playlist: [ { file: "/uploads/bbb.mp4", "sharing.link": "http://bigbuckbunny.org" }, { file: "/uploads/ed.mp4", "sharing.link": "http://orange.blender.org" } ], plugins: { sharing: { link: true } }, height: 270, width: 720 });

Объект Events

Объект Events позволяет запускать функции обработчики для следующих типов событий:

  • onBufferChange(callback) - срабатывает когда загружаемый в буфер медиа файл превышает определённый процент или определенное время, указанное в секундах. Атрибут события - percent(проценты);
  • onBufferFull(callback) - срабатывает при превышении размера буфера, по умолчанию установленного как 1 секунда;
  • onError(callback) - срабатывает при возникновении ошибки в плеере, дополнительный атрибут - message, содержит сообщение об ошибке.
  • onFullscreen(callback) - срабатывает при развёртывании плеера в полноэкранный режим. Дополнительный атрибут - fullscreen, содержит true или false, в зависимости от того развёрнут ли плеер на весь экран или нет.
  • onMetadata(callback) - срабатывает при нахождении метаданных в плеере, дополнительный атрибут - data, содержит метаданные.
  • onMute(callback) - срабатывает при включении, отключении звука, дополнительный логический атрибут - mute.
  • onPlaylist(callback) - срабатывает при загрузке нового списка проигрывания, атрибуты - playlist - массив данных.
  • onPlaylistItem(callback) - срабатывает при переходе к новому элементу списка, дополнительный атрибут index - основанный на нуле индекс элемента списка воспроизведения(0 - первый в списке элемент).
  • onReady(callback) - срабатывает при успешно загрузке плеера.
  • onResize(callback) - срабатывает при изменении размеров плеера, дополнительные атрибуты width, height - содержат новые значения высоты и ширины.
  • onPlay(callback) - срабатывает при начале воспроизведения видео, дополнительный атрибут oldstate (содержит информацию об остановке или процессе буферизации видео).
  • onPause(callback) - срабатывает при остановке воспроизведения, атрибут oldstate может содержать одно из двух значений - PLAYING или BUFFERING.
  • onBuffer(callback) - срабатывает при буферизации данных. Атрибут oldstate может содержать одно из трех значений - PLAYING, PAUSED или IDLE
  • onIdle(callback) - срабатывает при появлении состояния. Атрибут oldstate может содержать одно из трех значений - PLAYING, PAUSED или BUFFERING
  • onComplete(callback) - срабатывает при окончании проигрывания.
  • onTime(callback) - срабатывает при перемещении ползунка проигрывания. Дополнительные атрибуты:
    • duration(число): значение в секундах.
    • offset(число): значение небуферизованных данных.
    • position(число): число, обозначающее количество прошедших секунд.
  • onVolume(callback) - срабатывает при изменении громкости. Атрибут volume может содержать значение от 0 до 100

Например, в нижеуказанном примере при полной загрузке плеера будет выполнена функция play(), что приведёт к запуску проигрывания медиафайла.

jwplayer("container").setup({ flashplayer: "jwplayer/player.swf", file: "jwplayer/dis.mp4", height: 270, width: 480, skin: "jwplayer/glow.zip", image: "jwplayer/1.jpg", events: { onReady: function(){ jwplayer("container").play(); } } });

Функции и переменные JWPlayer

JWPlayer поддерживает несколько функций, которые могут быть вызваны:

  • setFullscreen(state): переход в полноэкранный режим.
  • setMute(state): отключение звука. Пример:

jwplayer("container").setMute();

load(playlist): загружает список элементов воспроизведения. Им может быть:

[ { duration: 32, file: "/uploads/video.mp4", image: "/uploads/video.jpg" }, { title: "cool video", file: "/uploads/bbb.mp4" }, { duration: 542, file: "/uploads/ed.mp4", start: 129 } ]


{ duration: 32, file: "/uploads/video.mp4", image: "/uploads/video.jpg" },

файл xml playlistItem(index): функция позволяет переключаться к элементам списка воспроизведения (0 - первый элемент списка). playlistNext(): переход к следующему в списке элементу воспроизведения. playlistPrev(): переход к предыдущему в списке элементу воспроизведения. resize(width, height): изменнеие размеров плеера по заданным размерам. play(state): запуск воспроизведения. play(state): запуск воспроизведения. Дополнительный логический параметр - state, возвращает true или false pause(state): пауза воспроизведения. Дополнительный логический параметр - state, возвращает true или false stop(state): остановка воспроизведения. Дополнительный логический параметр - state, возвращает true или false seek(position): перемещение ползунка воспроизведения. Дополнительный параметр - position, значение времени воспроизведения в секундах; setVolume(volume): громкость. Дополнительный параметр - volume, значение громкости воспроизведения от 0 до 100. Проиллюстрируем, как необходимо запускать данные функции:

jwplayer("container").setup({ flashplayer: "jwplayer/player.swf", height: 270, width: 480, skin: "jwplayer/glow.zip", events:{ onReady: function(){ playlist = [ { duration: 32, file: "jwplayer/video.mp4", image: "jwplayer/1.jpg" }, { title: "cool video", file: "jwplayer/bbb.mp4" }, { duration: 542, file: "jwplayer/dis.mp4", start: 129 } ] jwplayer("container").load(playlist); } } });

Живой пример

По сложившейся традиции приведем пример практического применения плеера "JWPlayer":

#big { clear:both; width:100%; } #container { float:left; height: 270px; width: 480px; margin: 10px auto 30px; position: relative; background: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #333; box-shadow: 0 2px 10px #333, inset 0 1px 0 #707478; -moz-box-shadow: 0 2px 10px #333, inset 0 1px 0 #707478; -webkit-box-shadow: 0 2px 10px #333, inset 0 1px 0 #707478; } #playlist { height: 270px; width: 120px; margin: 10px 10px 30px; float:left; background: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #333; box-shadow: 0 2px 10px #333, inset 0 1px 0 #707478; -moz-box-shadow: 0 2px 10px #333, inset 0 1px 0 #707478; -webkit-box-shadow: 0 2px 10px #333, inset 0 1px 0 #707478; } #firstvideo,#secondvideo { cursor:pointer; background:url(jwplayer/eye.jpg); height:100px; width:100px; margin:10px auto; } #secondvideo{ background:url(jwplayer/bunny.jpg); } jwplayer("container").setup({ flashplayer: "jwplayer/player.swf", height: 270, width: 480, skin: "jwplayer/glow.zip", file: "jwplayer/dis.mp4", image: "jwplayer/1.jpg" }); $(document).ready(function(){ $("#firstvideo").click(function(){ playlist = { file: "jwplayer/dis.mp4", image: "jwplayer/1.jpg" } jwplayer("container").load(playlist).play(); }); $("#secondvideo").click(function(){ playlist = { file: "jwplayer/bunny.mp4", image: "jwplayer/posterb.jpg" } jwplayer("container").load(playlist).play(); }); });