August 11, 2022

Hugo Shortcode für PeerTube

PeerTube ist eine Alternative zu YouTube die ähnlich wie Mastodon das ActivityPub Protokoll spricht. In Hugo können von Haus aus YouTube-Videos per Shortcode eingebettet werden, PeerTube wird nicht unterstützt. Es ist aber sehr einfach die identische Funktion für PeerTube nach zu rüsten:

Im Ordner themes/THEME_NAME/shortcodes erzeugt man eine neue Datei mit dem Namen peertube.html. Da hinein packt man folgenden Code:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://tube.tchncs.de/videos/embed/{{ index .Params 0 }}' frameborder='0' allowfullscreen></iframe></div>

Diesen Code habe ich im Wesentlichen von hier kopiert. Wichtig ist, dass ggf. noch die URL der PeerTube-Instanz (https://tube.tchncs.de/videos/embed/) angepasst werden muss!

Wie kommt nun das Video in den Post? So: \{\{< peertube s9JymXjETJuzy2aP387uRG >}} (Die \ entfernen!)

Und so sieht es aus:

© ho1ger 2015 - 2022