Intégration oEmbed de Streamlike dans WordPress

Wordpress peut dorénavant intégrer des médias Streamlike dans les sites et blogs, simplement en y collant leur URL. Cette fonctionnalité, rendue possible par le protocole oEmbed, est simple et rapide à mettre en place.

oEmbed est un protocole permettant d’intégrer facilement du contenu dynamique (vidéos, images, tweets…) provenant de différents sites web dans tout autre site, en fournissant simplement une URL.

Streamlike supporte oEmbed depuis la version 5.53.

Pour en savoir plus sur le protocole oEmbed: https://oembed.com

oEmbed dans WordPress

La version 5 de WordPress a introduit l’excellent éditeur de contenu « Gutenberg ».

Cet éditeur permet la composition du contenu au moyen de blocs de différent types, dont un type « Contenu embarqué », qui permet grâce à oEmbed de présenter dans une page un contenu provenant d’un autre site simplement en collant son URL.

Par défaut, ce bloc permet d’utiliser les contenus d’un nombre important de « providers » (éditeurs) populaires (voir détail ici : https://wordpress.org/documentation/article/embeds).

Streamlike ne fait pas partie de ces contenus tiers approuvés par défaut, mais il suffira de le déclarer pour permettre l’utilisation des URLs Streamlike dans les blocs « Contenu embarqué ».

Déclarer Streamlike comme provider oEmbed dans WordPress

Streamlike fournit un plugin permettant à WordPress d’intégrer ses contenus au moyen d’oEmbed.

Pour cela, rendez-vous sur la page du module « Streamlike oEmbed» sur wordpress.org : https://wordpress.org/plugins/oembed-streamlike

Installez le module de la manière habituelle ( https://wpmarmite.com/installer-plugin-wordpress ). Aucun paramétrage n’est nécessaire pour ce plugin.

Intégrer un média Streamlike dans un post WordPress

Lors de la création ou de la modification d’un post, ajoutez à son contenu un bloc de type « Contenu embarqué » :

Lorsque ce bloc est ajouté, une fenêtre de paramétrage s’ouvre, permettant de coller une URL :


Il suffit de coller l’URL du media Streamlike dans ce champ, et de valider en cliquant sur « Embarquer ». L’URL est traitée et WordPress récupère directement le lecteur Streamlike pour l’intégrer dans le post :


Il est alors possible d’y ajouter une légende ou d‘appliquer les réglages standard de mise en forme de tous les blocs de l’éditeur wordpress.

Comment obtenir l’URL du media Streamlike ?

L’url du media Streamlike est de la forme

https://cdn.streamlike.com/play?med_id=<id_du_media>

L’ ID du média peut se copier directement depuis la vue « Médias » de la console Streamlike en survolant la vignette du média et en cliquant sur l’icone en bas à droite :


Evidemment, vous trouverez aussi cet ID dans la fiche du média.

Partager ce post

S’abonner à ce blog

Saisissez votre e-mail pour vous abonner à ce blog et revevoir une notification de chaque nouvel article par email.