PlayerJS

Описание

Build custom video / audio player on PlayerJS.com for FREE and place it on your website.

Скриншоты

  • Код (shortcode) плеера
  • Настройки плагина

Установка

  1. Выгрузите файлы плагина в каталог /wp-content/plugins/playerjs, или установите плагин непосредственно через страницу WordPress plugins.
  2. Активируйте плагин через Plugins страницу в WordPress.
  3. Создайте свой собственный плеер на playerjs.com и замените файл по-умолчанию playerjs_default.js на ваш собственный или загрузите его отдельно и замените URL на странице плагина Settings.
  4. Воспользуйтесь кнопкой PlayerJS в WP 4 или просто поместите код [playerjs] в WP 5. Ниже список принимаемых параметров:
  • file: путь к видео (в-основном MP4) / аудиио (в-основном MP3) / HLS / DASH / YouTube / Vimeo / плейлисту-JSON
  • title: текстовая надпись (опционально)
  • subtitle: путь к файлам .srt .ass .ssa or .vtt (опционально)
  • poster: путь к изображению (опционально)
  • thumbnails: путь к миниатюрам .vtt файлам (опционально)
  • width: ширина плеера в процентах (50%) или пикселях (500), по умолчанию 100% (опционально)
  • autoplay: 0/1 (автостарт — опционально)
  • start: начать воспроизведение с указанной секунды
  • end: закончить воспроизведение на указанной секунде
  • align: left, right, center (optional) — выравнивание (дополнительно)
  • margin: in pixels — отступ: в пикселях (не обязательно)

Все остальные установки могут быть заданы в builder.

Пример кода:

[playerjs file="//plrjs.com/x.mp4"]

Часто задаваемые вопросы

Как добавить выбор качества?

Пример кода с выбором качества:

[playerjs file="[480]//site.com/480.mp4,[720]//site.com/720.mp4"]

Как можно добавить защитный «водяной» знак?

Для защиты от перезаписи с экрана вы можете незаметно в случайном месте выводить имя пользователя. Вставьте watermarks plugin в конструкторе, обновите свой плеер и укажите в коде плеера watermark=1.

[playerjs file="URL" watermark=1]

Как использовать плейлисты?

Пример кода (shortcode) JSON playlist:

[playerjs file="[{'title':'1','file':'http://plrjs.com/x.mp4'},{'title':'2','file':'http://plrjs.com/x.mp4'}]"]

или

[playerjs file="//site.com/json.txt"]

Где найти документацию по всем возможностям плеера?

You can find complete documentation here:
* Quality
* Google Analytics
* Javascript API
* Playlist
* Logo
* Aspect ratio
* Playback
* Audio tracks
* Thumbnails
* Social sharing
* YouTube
* Vimeo
* Watermarks
* DASH
* HlS
* Hotlink protection
* Combining multiple players into one

Как задать свою высоту плеера?

Вы можете использовать опцию height: в коде (height:300) (высота), когда aspect ratio (соотношение сторон) установлено в значение container size.

Отзывы

30.10.2022
Just to say wahooouuu, and thanks, for this fantastic plugins, easy, free, and we can create and mod our plugins in the web site, super! Thank you.
04.02.2022
Использую в связке с корпоративным Wowza media server. Вставлять VOD на сайт - одно удовольствие, вставлять лайф-стримы тоже! Теперь посетители не смотрят рекламу, как с Youtube и другими видеосервисами. Есть кучу, буквально КУЧА настроек плеера. Сделано с умом! Разработчикам респект и развития проекта. Немного позже обязательно соберемся с покупкой плеера.
Посмотреть все 4 отзыва

Участники и разработчики

«PlayerJS» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«PlayerJS» переведён на 1 язык. Благодарим переводчиков за их работу.

Перевести «PlayerJS» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

2.1

  • Скрипт плеера по-умолчанию обновлён до версии 8.91

2.2

  • Страница настроек и специальная кнопка PlayerJS для WP 4

2.3

  • Незначительные изменения для WP 5

2.4

  • Исправлены ошибки

2.5

  • Исправлены ошибки, плеер обновлён

2.6

  • Плейлист JSON внутри кода (shortcode)

2.7

  • Исправлены ошибки, плеер обновлён

2.8

2.9

  • Watermark добавлена поддержка, плеер по-умолчанию обновлён

2.10

  • Исправлены ошибки, плеер обновлён

2.11 — 2.13

  • Исправлены ошибки, плеер обновлён

2.14

  • Fixed bug with Classic Editor (TinyMCE) button

2.15 — 2.17

  • Исправлены ошибки, плеер обновлён

2.18

  • Time memorization fixed

2.19

2.20-2.21

  • Bug fixed

2.22

  • Asynchronous script loading

2.23

  • Bug fixed, default player updated