Panel field type for video

Kirby 2 Solved ✅
1

Hello Kirby Community!

I am quite new to Kirby and in the process of adding a video to my page. I want to enable my content editors to add a video without touching the template files.

The way Kirby integrates images into blueprints is very convenient and I was quite disappointed that there is no ‘video’ or ‘file’ equivalent.

Have I missed something? Or can you point me into a direction to achieve a similar functionality for video as Kirby offers it for images?

Thank you
Sven

2

Hi @0xSven, unfortunately, there is no dedicated video field. You could just use a standard text field or create a custom Panel field yourself.

3

You could also use a select field like this:

fields:
  video:
    label: Video
    type: select
    options: videos

Not as visual and without drag and drop support, but it works out of the box. Alternatively you could copy the image field to your site/fields directory, rename it video and modify it to load videos instead of image files.

5

Thank’s for the replies!

I like the select field for now. If I find some time I will build the custom field later!

Quick follow up question: How would I get to the URL of the video? I tried several ways but wasn’t successful.

Ways that don’t work:

$page->file($data->myVideo())->url();
url($data->myVideo());
$video = $data->myVideo()->toFile(); $video->url();

6

What is $data in your example? Is that code on a one pager?

7

It’s the data of a snippet on a one-pager:

<?php foreach($page->children() as $slide): ?> 
<?php snippet('slide', array('data' => $slide)) ?>
<?php endforeach ?>
8

This should then work:

<?php
$data->file($data->myVideo()->value())->url();

Or

<?php
$video = $data->myVideo()->toFile();
echo $video->url()
9

Works!

I had another problem though: There were several slides without the video and those broke the website!

Thank you all! I am happy :slight_smile:

10

You should always use an if statement to check if the video exists before trying to output an URL (in fact, not only where videos are concerned, but in general check if an object exists before you try to do anything with it)

11

Just as a side info:

If YouTube or Vimeo is an option, have a look at the oEmbed Plugin by @distantnative

1 Like
12

You can use fanningert/kirbycms-extension-video, if you want to show your own (local) videos.
I use “ffmpeg” to convert video to the needed file-versions.

Good luck!

13

@anon77445132 AFAIK, this extension does not come with a Panel field for video, which is what @0xSven is after.