Код подключения1. Скрипт плеера подключается обычным образом в <head> страницы. <script src="//site.com/playerjs.js" type="text/javascript"></script>2. Код подключения, например, для контейнера player <div id="player"></div>
<script>
var player = new Playerjs({id:"player", file:"//site.com/video.mp4"});
</script>
Все настройки есть в редакторе, поэтому только параметр id является обязательным (можно придумать свое название вместо player)
Остальные параметры, которые могут пригодится: file ссылка на файл видео или аудио, плейлист, манифест HLS или DASH, ссылка YouTube или Vimeoposter ссылка на заставку, которая будет отображаться перед запуском плеера 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({...});
}
Другие способыЗамена стандартных тегов video и audio Пример интеграции плеера в Vue.js |