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


Скрипт плеера подключается обычным образом в 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


19.9.22024 © PlayerJS

Регистрация

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

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

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