Kirby Plyr

Kirby CMS + Plyr video player (HTML5/YouTube/Vimeo). Uses the kirby-embed plugin.

Overview

.
├── site
│   ├── blueprints
│   │   └── pages
│   │       └── home.yml
│   ├── plugins
│   │   └── embed
│   └── templates
│       └── home.php
├── src
│   ├── js
│   │   └── main.js
│   └── scss
│       ├── main.scss
│       └── plyr
│           └── plyr-custom.scss
└── rollup.config.js

Prerequisites

• PHP and Composer
• Node.js and npm

Setup

1. Run in terminal:

composer install
valet link # for valet users, otherwise an alternative

npm install
npm run watch # or npm run build

2. Go to {url}/panel and create a new Panel user
3. Then go to {url}/panel/pages/home, enter video URL and hit "Save"

Result

Site:

Panel: