Ici & Là

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers
La meilleure façon de réaliser ses rêves est de se réveiller (Paul Valéry)

Accueil > NTIC > Multimédia > Plugin oEmbed : insérer le contenu d’une page web dans une autre page (photo, (...)

Plugin oEmbed : insérer le contenu d’une page web dans une autre page (photo, vidéo, URL ou extrait HTML)

samedi 1er avril 2017, par François Daniel Giezendanner

Notez cet article
0 vote

 C’est quoi ce truc ?

oEmbed est un protocole ouvert qui permet d’insérer le contenu d’une page web dans une autre page. Le contenu inséré peut être de plusieurs types : photo, vidéo, URL ou extrait HTML.

L’échange d’information a lieu entre un site client et un site serveur. Par exemple, le site client peut afficher une représentation d’une page web telle qu’une image ou une vidéo. Le serveur doit disposer d’un service utilisant l’API oEmbed pour permettre aux clients de récupérer les informations de la représentation à afficher.

 Comment ça marche ?

Du côté client, l’utilisation du plugin est simple. Par défaut le plugin transforme automatiquement :

  • les URL entre < et > n’importe où dans le texte : <http://www.flickr.com/photos/dan1977/5087662622/>
  • les URL toutes seules dans un paragraphe : deux retours à la ligne, URL, puis deux retours à la ligne.

Si le site vers lequel pointe l’URL implémente l’API oEmbed, celle-ci est complétée par un extrait du contenu fourni par le site. Par exemple, si on insère l’URL suivante dans le texte d’un article :

https://www.flickr.com/photos/designer/6776063267/

Celle-ci sera automatiquement remplacée par le contenu suivant :

https://www.flickr.com/photos/designer/6776063267/

Ou encore si on insère l’URL suivante dans le texte d’un article :

https://www.flickr.com/photos/33352764@N03/3108750487/

Celle-ci sera automatiquement remplacée par le contenu suivant :

https://www.flickr.com/photos/33352764@N03/3108750487/

Avec SPIP 3, le plugin insère aussi ces traitements dans le formulaire d’ajout de documents de SPIP (dans la partie documents distants). Il suffit d’ajouter un document distant dont l’URL est celle de la page où se trouve le contenu à récupérer.

 Et je peux faire ça avec n’importe quel site ?

Non, pour des raisons de sécurité le plugin utilise une liste blanche de sites autorisés. Par défaut, cette liste contient les sites suivants : youtube, blip.tv, vimeo, dailymotion, flickr, soundcloud, slideshare, yfrog, instagram, rdio, huffduffer, nfb, dotsub, clikthrough, kinomap, photobucket, smugmug, meetup, wordpress, blogs.cnn, techcrunch, my.opera, viddler et collegehumor (consulter la liste complète).

Lorsqu’une image, un son, une vidéo est hébergée par l’un des sites susmentionnés, indiquez simplement l’URL de la page qui contient ce document et SPIP le récupérera automatiquement.

 Exemple 1

Le plugin oEmbed transforme automatiquement l’URL entre < et > ci-dessous dans le texte :

<https://www.youtube.com/watch?v=pMf8DhEea1w>

ce qui donne :

<https://www.youtube.com/watch?v=pMf...>

 Exemple 2

Nous sommes avec SPIP 3, le plugin oEmbed insère aussi ces traitements dans le formulaire d’ajout de documents de SPIP (dans la partie documents distants). Il suffit d’ajouter un document distant dont l’URL est celle de la page où se trouve le contenu à récupérer, ici l’URL est https://www.youtube.com/watch?v=pMf8DhEea1w ce qui nous fournit le modèle :

<doc878|center>

Et en affichant ce modèle on obtient :

HTML - 137 octets
Introduction au livre

 Sources SPIP

  • oEmbed
    4 décembre 2013 – par b_b, Cerdic
    oEmbed est un protocole ouvert qui permet d’insérer le contenu d’une page web dans une autre page. Le contenu inséré peut être de plusieurs types : photo, vidéo, URL ou extrait HTML.
    https://contrib.spip.net/oEmbed-4407
  • Les sites qui supportent oEmbed
    14 décembre 2014 – par Cerdic
    Une liste indicative des sites qui supportent oEmbed et permettent d’insérer dans SPIP le document en indiquant simplement l’URL de la page qui le contient.
    https://contrib.spip.net/Les-sites-qui-supportent-oEmbed

 Sources générales

NTIC

Dans la même rubrique

1995 - 2024 Ici & Là
Plan du site | | Contact | RSS 2.0

SPIP