Does the shortcode slow the page down?

The iframes are rendered with loading="lazy", so the player loads only when the reader scrolls to it.

Kinescope for Hugo

A kinescope shortcode puts the Kinescope player into Hugo sites and documentation. One line in your Markdown renders a responsive, lazy-loaded player for a video or a whole playlist.

Start for free

Shortcode docs

They left Vimeo, Kaltura and Mux

Every number is what they saved against the platform they left.

16 TBmoved off Kaltura in about two weeksWith Kinescope we get a convenient API, a human touch, stable performance, and fair prices. We worked out the cost up front, and on our volumes it came out about 8× cheaper than KalturaDenis Korovkin, LMS team lead
−75%off the video hosting bill after Vimeo
5×lower video costs than on Vimeo
€10,000+a year saved against Vimeo’s quoteVimeo suddenly told us we had to pay 20× more. With Kinescope we save at least €10,000 a year — and get more stability for free…Mathijs de Ruiter, Co-founder
−60%off the video hosting bill after MuxKinescope’s affordable, scalable, and accessible video solution has been a game-changer, empowering us to deliver world-class education…Eriky Kunitake, Head of Business & Operations
9M+children reached by the films…reinvest our resources into other matters, like the direct work with children in our shelter…Ysrael C. Diloy, Child Protection Specialist

All customer stories

Add the shortcode to your Hugo site

Copy the shortcode template from the docs once, then use it in any Markdown page.

Code editor: New file in layouts/shortcodes creates kinescope.html, the shortcode template is pasted, Saved

Set it up once

1. Create layouts/shortcodes/kinescope.html in your project, or in themes/your-theme/layouts/shortcodes/.
2. Copy the shortcode template from the Kinescope docs into it.

Use it in Markdown

1. Put the shortcode where the video should go, with the video URL or ID.
2. Build the site: the shortcode renders an iframe that adapts to the container width and loads lazily.

What your Hugo pages get

Start time and fragments

seek sets the start time in seconds and duration the length of the fragment, right in the shortcode.

Kinescope player: the fragment from 1:00 to 1:30 is marked on the timeline, the lesson plays from 1:00 and stops at 1:30

Videos and playlists

Pass a video URL or ID, or a playlist URL (/pl/…) or type="pl" with the playlist ID.

Kinescope player playlist Python basics: Lesson 2 · Variables is pressed and opens in the Kinescope player, where a teacher starts talking

Analytics for every video

Views, retention and engagement for each video embedded in your docs. More on video analytics.

Kinescope analytics: Views, Unique viewers and Average percentage viewed count up, the retention curve draws from left to right

FAQ

Can’t find the answer you need? Check out our Shortcode template.

In layouts/shortcodes/kinescope.html in the project root, or in themes/your-theme/layouts/shortcodes/kinescope.html. The template is in the Kinescope docs.

Yes: pass a playlist URL (https://kinescope.io/pl/…) or type="pl" with the playlist ID.

Yes, with width and height. Without them the player adapts to the container width at 16:9, and ratio sets another aspect ratio.

Yes: seek sets the start time in seconds and duration the length of the fragment, for example seek="60" duration="30".

Put video into your Hugo docs in one line.

Free to start, then from €10/month. No credit card required.

Start for free

All integrations

Kinescope for Hugo

They left Vimeo, Kaltura and Mux

Add the shortcode to your Hugo site