Galerie WordPress de vidéos Streamlike (sans plugin ni webservices)

Ce tuto nous est proposé par Laurent Brière, qui a appliqué cette méthode pour le site https://tutoriel-en-ligne.fr

L’idée est de concevoir une galerie semi-automatique de vidéos hébergées chez Streamlike sans le moindre plugin, avec juste l’éditeur Gutenberg (et accessoirement Oxygen Builder qui prend la main sur le thème WordPress) avec des articles et une page WordPress.

1- Concevoir une catégorie et les articles WordPress associés

Catégories :

Articles :

Ces articles ne contiennent que le code d’intégration de la vidéo et un texte avec le lien hypertexte vers le Tuto.

Important: seul le permalien de la vidéo fonctionne (pas l’ID)

<iframe class="resp-iframe" src="https://cdn.streamlike.com/play?permalink=teaser-affinity-publisher&amp;pid=e9fc9202795851ba&amp;landing=1" style="border:0px;" mozallowfullscreen="" webkitallowfullscreen="" allowfullscreen="" allow="autoplay; fullscreen"></iframe>

Le paramètre landing=1 permet de ne charger dans la page que la vignette d’intro de la vidéo.

2- Intégration des vidéos dans une galerie.

Dans Oxygen j’utilise un module, le “Repeater”, permettant de concevoir une grille de contenu filtré (requête appelant les articles, “post”, d’une catégorie d’articles WordPress).