Код подключения


Скрипт плеера подключается обычным образом в head страницы.
<script src="//site.com/playerjs.js" type="text/javascript"></script>
Код подключения, например, для контейнера player
<div id="player"></div>

<script>
   var player = new Playerjs({id:"player", file:"//site.com/video.mp4"});
</script>
Все настройки есть в редакторе, поэтому только параметр id является обязательным (можно придумать свое название вместо player)

Остальные параметры, которые могут пригодится:

file ссылка на файл видео или аудио, плейлист, манифест HLS или DASH, ссылка YouTube или Vimeo
poster ссылка на заставку, которая будет отображаться перед запуском плеера
title надпись или название
autoplayавтозапуск (1 или 0)
start секунда старта воспроизведения
end секунда окончания воспроизведения
duration длительность в секундах, если плеер не предзагружает метаданные
subtitle ссылка на субтитры

JS файлы обычно кэшируются браузером, поэтому при критичных обновлениях стоит сбрасывать кэш переименованием файла (не забыв при этом поменять название в коде подключения):

playerjs.js -> playerjs1.js

Асинхронный вариант

Скрипт плеера можно загружать асинхронно с версии 9.33, чтобы он не блокировал загрузку страницы.

<script src="//site.com/playerjs.js" type="text/javascript" async></script>

В этом случае код плеера должен быть завернут в функцию PlayerjsAsync. Обратите внимание, что такая функция может быть только одна на странице.

function PlayerjsAsync(){
   player = new Playerjs({...});
}

Другие способы

Интеграция c помощью iframe

Замена стандартных тегов video и audio

Облачный хостинг плееров

Пример интеграции плеера в Vue.js

Плагины: Wordpress, DLE




2020 © PlayerJS

Логин

Восстановить пароль
Создать аккаунт
Войти

Регистрация

Создать аккаунт
Регистрируясь, вы принимаете Пользовательское соглашение
Войдите, если уже есть аккаунт

Enterprise

Ваше имя
Сайт
Email
Телефон
Комментарий
Отправить запрос

Восстановить пароль

Восстановить
Если вы забыли свой email, напишите нам