PHP code example of hksagentur / kirby-media-kit
1. Go to this page and download the library: Download hksagentur/kirby-media-kit library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
hksagentur / kirby-media-kit example snippets
<?= $page->image()->toResponsiveImage()
$image = $page->image()->toResponsiveImage()
->widths([400, 800, 1200])
->formats(['webp', 'jpeg'])
->alt($page->image()->alt())
->class(['hero-image'])
<?= $page->image()->toResponsiveImage()->tabindex(0)
<?= $page->image()->toResponsiveImage('hero')
<?= $page->image()->toResponsiveImage([
'formats' => ['avif', 'webp', 'jpeg'],
'widths' => [400, 800, 1200, 1600],
'quality' => 80,
])
<?= $page->image()->toResponsiveImage()->loading('lazy')
// site/config/config.php
return [
'thumbs' => [
'presets' => [
'hero' => ['width' => 1600, 'height' => 900, 'crop' => true],
],
'srcsets' => [
'hero' => [
'800w' => ['width' => 800, 'height' => 450, 'crop' => true],
'1600w' => ['width' => 1600, 'height' => 900, 'crop' => true],
],
],
],
];
<?= $page->image()->toResponsiveImage('hero')
<?= $page->image()->toResponsiveImage('hero')->crop('top')
<?= $page->image()->toResponsiveImage()->preset(['width' => 800, 'crop' => 'top'])
<?= $page->image()->toResponsiveImage()
->widths([400, 800, 1200])
->ratio('16/9')
<?= $page->image()->toResponsiveImage('hero')->ratio('1/1')
<?= $page->file('movie.mp4')->toResponsiveVideo()
<?= $page->file('movie.mp4')->toResponsiveVideo()
->poster($page->file('poster.jpg'))
->ratio('16/9')
->crop('top')
<?= $page->file('movie.mp4')->toResponsiveVideo([
'poster' => $page->file('poster.jpg'),
'ratio' => '16/9',
'crop' => 'top',
])
<?= $page->file('movie.mp4')->toResponsiveVideo()
->poster($page->file('poster.jpg'))
->controls()
->autoplay(false)
->muted()
->loop()
->preload('metadata')
<?= $page->file('movie.mp4')->toResponsiveVideo()->tabindex(0)
/**
* @var \Hks\MediaKit\Cms\Video $video
* @var \Hks\MediaKit\Html\Attributes $attributes
*/
$original = $video->original();
<?= $page->image()->toResponsiveImage()->ratio('4/3')->crop('top')
// site/config/config.php
return [
'hksagentur.media-kit' => [
'image' => [
'formats' => ['avif', 'webp', 'auto'],
'widths' => [400, 800, 1200, 1600, 2000],
'attributes' => [
'data-pin-nopin' => 'true',
],
],
'video' => [
'attributes' => [
'playsinline' => true,
],
],
],
];
// site/config/config.php
return [
'thumbs' => [
'quality' => 80,
],
];