Accueil > Rédaction > Documents pour rédaction > oEmbed > oEmbed

oEmbed

4 décembre 2013 – par b_b, Cerdic – 128 commentaires

37 votes

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 : <https://www.flickr.com/photos/romytetue/4651342894/>
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/romytetue/4651342894/

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

L'estafette SPIP
par tetue

https://www.flickr.com/photos/romytetue/4651342894/

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. Voir la vidéo ci-dessous pour une petite démonstration.

http://medias.spip.net/medias/r-d/plugins/multimedia/article/demo-du-plugin-oembed

Une fois le document ajouté, vous pouvez l’insérer dans le contenu de votre article comme n’importe quel document.

si le document est une image, vous pouvez l’insérer avec le raccourci <imgXX>
si le document est une vidéo, vous pouvez l’insérer avec le raccourci <embXX>

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ées. 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).

Pour ajouter un nouveau site serveur (ou provider) à la liste blanche il vous faudra deux informations :

scheme : schéma d’URL correspondant au site (vous pouvez utiliser * comme wildcard)
endpoint : URL à laquelle le service oEmbed du site est disponible

Par exemple, pour ajouter le site deviantART à la liste blanche il suffit d’ajouter un provider avec les paramètres suivants :

scheme : http://*.deviantart.com/art/*
endpoint : http://backend.deviantart.com/oembed

L’ajout peut se faire à l’aide du pipeline oembed_lister_providers ou en personnalisant le contenu de la variable globale $GLOBALS['oembed_providers'].

Par exemple, dans un plugin de préfixe monplugin en déclarant le pipeline suivant dans plugins/monplugin/monplugins_pipelines.php :

function monplugin_oembed_lister_providers($providers){
 
	$providers['http://*.deviantart.com/art/*'] = 'http://backend.deviantart.com/oembed';
 
	return $providers;
}

Télécharger

Ou sans utiliser de plugin, directement dans votre fichier config/mes_options.php :

$GLOBALS['oembed_providers'] = array(
	'http://*.deviantart.com/art/*' => 'http://backend.deviantart.com/oembed',
);

Télécharger

Voici une liste non exhaustive de providers supplémentaires au format JSON.

Traitements automatiques

La page de configuration vous permet aussi de paramétrer les automatismes du plugin :

largeur/hauteur par défaut des blocs d’embed
activer/désactiver la transformation automatique des URLs dans le texte : cela concerne les URLs toutes seules dans un paragraphes, car les URLs entre < et > seront toujours converties ;
activer/désactiver la détection automatique des providers sans tenir compte de la liste blanche (attention aux failles XSS).

Fonctions de post-traitement

Il est possible de déclarer des fonctions de post-traitement qui agiront sur les données renvoyées par le site source (ou provider). Le nommage de ces fonctions suit la convention suivante oembed_posttraite_{$provider_name}_$type[_dist] afin de permettre de déclarer un post-traitement en fonction de la source de données.

Par exemple, le plugin fournit une fonction de post-traitement pour soundcloud :

function oembed_input_posttraite_soundcloud_rich_dist($data){
 
	$data['media'] = 'sound';
	$data['html'] = preg_replace(",width=['\"][0-9]+['\"],i",'width="100%"',$data['html']);
 
	if (!isset($data['thumbnail_url'])){
		$data['thumbnail_url'] = find_in_path("oembed/input/vignettes/soundcloud.png");
	}
 
	return $data;
}

Télécharger

Cette fonction définit que le contenu renvoyé est du son, puis elle modifie la largeur du lecteur audio, et pour finir elle définit une vignette par défaut si celle-ci n’est pas présente.

Voir la source sur la zone.

Côté serveur

Le plugin ajoute des liens de déclaration oEmbed dans l’entête des pages du site. Ces liens permettent aux autres sites de découvrir que votre site est « compatible » oEmbed et qu’il peut donc être utilisé en tant que fournisseur de contenu (ou provider).

Les paramètres à fournir pour permettre à un autre site d’ajouter le votre à sa liste blanche de providers sont les suivants :

scheme : http://urldevotresite.net/*
endpoint : http://urldevotresite.net/oembed.api/

Pour que l’adresse du service fonctionne il faut avoir activé le fichier .htaccess fourni par défaut dans SPIP.

Le contenu renvoyé lors d’une requête oembed est généré par les squelettes situés dans le répertoire plugins/oembed/oembed/output/modeles. Ces squelettes sont personnalisables, vous pouvez y insérer des boucles et balises afin de renvoyer le code d’embed d’un document audio/vidéo, une image tirée du portfolio d’un article, etc.

Par exemple, pour une requête depuis l’URL http://contrib.spip.net/GIS-4 le contenu renvoyé est le suivant :

{

    "version": "1.0",

    "type": "rich",

    "provider_name": "SPIP-Contrib",

    "provider_url": "http://contrib.spip.net",

    "title": "GIS 4",

    "author_name": "b_b",

    "width": "480",

    "height": "295",

    "url": "http://contrib.spip.net/GIS-4",

    "html": "<h4 class='title'><a href='http://contrib.spip.net/GIS-4'>GIS 4</a></h4><blockquote class='spip'>\n<p>Présentation et nouveautés <br class='autobr' />\nLa version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles fonctions.<br class='autobr' />\nCette nouvelle version de GIS permet d’utiliser différents fonds de carte sans avoir à charger des scripts externes, seuls les scripts locaux de Leaflet et des plugins nécessaires sont chargés dans vos pages. À ce jour, le plugin propose plus de&amp;amp;amp;amp;nbsp;(...)</p>\n</blockquote>\n"

}

Voir le code en ligne.

Et voici ce que donne l’affichage depuis le site SPIP client :

Voir en ligne : http://plugins.spip.net/oembed

Dernière modification de cette page le 4 juillet 2017

Tout afficher

Vos commentaires

0 | 10 | 20

# Le 11 octobre à 14:19, par ari En réponse à : oEmbed

Bonjour,

je teste l’intégration de ce super plugin, mais je n’arrive pas à afficher les images incluses dans des tweets. Seul le lien vers l’image s’affiche (ainsi que le reste du tweet).

J’ai vérifié sur http://oembed.nursit.com, mais l’inclusion de tweets n’y fonctionne plus.

Une idée de piste ? Merci !
- # ^ Le 12 octobre à 21:02, par Cerdic En réponse à : oEmbed
  
  C’est pas un bug c’est une feature : on a choisit de ne surtout pas afficher l’iframe que twitter envoie car c’est un vrai mouchard et une plaie en performance.
  Du coup on affiche en blockquote le contenu texte du tweet, mais on a pas de metadata pour afficher l’image.
  
  Cela dit la version 1.9.0 du plugin ruse pour récuperer l’information de l’image principale du tweet dans le HTML de son URL et l’afficher en tête du blockquote comme dans la twitter card.
  Je ne suis pas sur que ce sera robuste dans le temps car on ne maitrise pas ce que fait twitter et ça n’affiche qu’une image même si le tweet en avait plusieurs, mais c’est une amélioration :)
- # ^ Le 13 octobre à 14:16, par ari En réponse à : oEmbed
  
  Trop bien, merci ! La récupération d’image fonctionne nickel.
- # ^ Le 16 octobre à 11:16, par RastaPopoulos En réponse à : oEmbed
  
  Hello Cédric, l’autre jour tu me parlais effectivement de « iframe » mais du coup je suis allé voir la documentation, et apparemment ce n’est plus le cas.
  https://developer.twitter.com/en/docs/tweets/post-and-engage/api-reference/get-statuses-oembed
  
  Si tu vas sur
  https://publish.twitter.com/oembed?url=https%3A%2F%2Ftwitter.com%2FInterior%2Fstatus%2F507185938620219395
  
  Dans « html » tu reçois désormais directement un « blockquote » avec un JS (mais le JS peut être désactivé avec une option lors de l’appel).
  
  Donc leur code a-t-il changé depuis que tu as codé la récupération dans le plugin ? Et si ça n’utilise plus d’iframe, il faudrait plutôt repasser sur leur code officiel généré par défaut, pour être plus robuste et pérenne, non ? Surtout que leur serveur oembed gère pour tweet unique mais pour tout et n’importe quoi aussi (timeline complète, fiche utilisateur, etc, etc).
- # ^ Le 16 octobre à 11:50, par Cerdic En réponse à : oEmbed
  
  Non en effet c’est un JS chez twitter, pas une iframe, mais le principe est le même : on le vire pour ne garder que le blockquote statique, qui lui ne contient pas d’image. Mais j’ai amélioré le plugin pour récupérer l’image principale du tweet si il y en a une et l’afficher comme dans la card générée par le JS de twitter
- # ^ Le 16 octobre à 12:55, par RastaPopoulos En réponse à : oEmbed
  
  Ah ok je comprends mieux, je pensais que précédemment ils envoyaient une iframe et que donc tu avais fait un code proxy pour générer autre chose, mais qu’entre temps ils avaient changé ce qu’ils envoyaient. Donc là les images etc chez eux sont de toute façon récupéré en JS avec une requête supplémentaire ? Du coup ça ne change pas grand chose pour ça. Mais par contre oui pour la pérennité on ne sait pas si ça continuera toujours à bien la trouver par rapport à ce qu’ils font eux.
  
  Je ne sais pas si quelqu’un a déjà réussi à faire un reverse du JS pour en proposer une version sans mouchardage, un truc comme ça… Même pas sûr que ce soit possible.
Répondre à ce message
# Le 4 juillet à 14:08, par kent1 En réponse à : oEmbed

Dans la dernière version (1.8.8), j’ai pas mal amélioré l’intégration de vidéos Facebook notamment.

Juste un petit message pour être notifié des fois que
- # ^ Le 5 juillet à 09:18, par b_b En réponse à : oEmbed
  
  Vu, merci mignon :)
Répondre à ce message
# Le 24 juin à 09:24, par M.B. En réponse à : oEmbed

je n’obtiens que ce message :

Le fichier distant http://www.flickr.com/photos/dan1977/5087662622/ n’a pas pu être trouvé
- # ^ Le 25 juin à 19:47, par b_b En réponse à : oEmbed
  
  Oui, la photo citée en exemple n’était plus disponible sur flickr, je viens de la remplacer par une autre, merci pour le signalement.
Répondre à ce message
# Le 7 avril à 13:27, par DavidM En réponse à : oEmbed

Bjr,
Sur un nouveau site, dans un article, mes vidéos (de Vimeo en l’occurence) avec Oembed s’affichent en taille réduite (252px522 px ou 630px environ suivant les cas !?, bizarre ces variations), alors que j’ai mis dans les paramètres Oembed 813px maxi (et ma page est large)

j’ai tenté d’ajouter &maxwidth=813&maxheight=813 à mon url du « document » vidéo, mais ça ne change rien.

Même chose aussi, sur un article spécial, où je liste toutes les vidéos avec un modèle qui utilise [(#MODELE{oembed,url=#OEMBED})], les vidéos elles restent petites avec là aussi x tailles différentes.

J’ai spip 3.1, avec Aveline/Noisetier/Zpip, Oembed, tous les plugins à jour
J’ai essayé de regarder dans les divers modèles de ces plugins, mais je n’ai rien trouvé qui puisse (apparemment) influer sur la largeur des vidéos.

Merci pour tout conseil utile
- # ^ Le 7 avril à 18:57, par b_b En réponse à : oEmbed
  
  Hop, premier conseil utile : nous donner de la matière pour t’aider :)
  
  (lien vers la page qui affiche le problème et liens vers les vidéos en question)
- # ^ Le 7 avril à 19:30, par DavidM En réponse à : oEmbed
  
  pardon, donc : http://www.ricochet.all2all.org/spip.php?article7
  http://www.ricochet.all2all.org/spip.php?article6
  merci
- # ^ Le 7 avril à 20:27, par b_b En réponse à : oEmbed
  
  Si je prends l’exemple de la vidéo dailymotion affichée en tout petit sur ton site et que je lui passe bien une valeur de 813 pour maxwdith et maxheight (cf mon message du 17 février juste un peu plus bas dans la page), j’obtiens bien le résultat souhaité cf :
  
  http://www.dailymotion.com/services/oembed?url=http%3A%2F%2Fwww.dailymotion.com%2Fvideo%2Fx4je0lu_appel-a-rejoindre-la-tour-du-peuple-crest_school&format=json&maxwidth=813&maxheight=813
  
  Idem pour la vidéo de viemo cf :
  
  https://vimeo.com/api/oembed.json?url=https%3A%2F%2Fvimeo.com%2F173582817&maxwidth=813&maxheight=813
  
  Si jamais le problème persiste, n’hésite pas à venir en discuter sur IRC http://irc.spip.net/
- # ^ Le 7 avril à 20:44, par DavidM En réponse à : oEmbed
  
  Merci, oui je comprends bien, mais si j’ajoute une vidéo dans mon article avec les valeurs, j’ai toujours une vidéo largeur réduite à l’affichage dans l’article .
  Je viens de le faire avec https://vimeo.com/182328659&maxwidth=813&maxheight=813 mise dans l’article http://www.ricochet.all2all.org/spip.php?article6
  
  Ca veut dire que le prob ne vient pas des vidéos ou de Oembed alors.
  Mais je ne sais pas d’où...?
- # ^ Le 17 avril à 12:34, par DavidM En réponse à : oEmbed
  
  ne trouvant pas pourquoi sur ce site les vidéos restaient en petites tailles, alors que sur mes autres sites elles s’étiraient, j’ai ajouté/surchargé un des styles utilisé par Oembed :
  .oembed_video
  width : 100% ;
  
  et là elles s’affichent bien en largeur max de la page
- # ^ Le 17 avril à 19:35, par b_b En réponse à : oEmbed
  
  Ha oui bien vu, en fait c’est la règle display table à la ligne 40 de ce fichier css qui pose pb sur ton site : http://www.ricochet.all2all.org/plugins/auto/z/v1.7.29/spip_style.css
  
  Il faudrait peut-être qu’on ajoute un display block dans la css d’oembed par ici : https://zone.spip.org/trac/spip-zone/browser/_plugins_/oembed/css/oembed.css#L46
  
  Tu en penses quoi Cedric ?
Répondre à ce message
# Le 31 mars à 23:50, par Catherine En réponse à : oEmbed

Bonjour ,

est-il possible de masquer l’auteur ou le nom de la chaine pour une diffusion d’une vidéo de Youtube

Merci
- # ^ Le 1er avril à 11:21, par b_b En réponse à : oEmbed
  
  Salut, tu peux le faire en masquant le conteneur des cette info en css ou en le supprimant du modèle qui affiche les vidéo que tu auras surchargé dans ton dossier squelettes, cf :
  
  https://zone.spip.org/trac/spip-zone/browser/_plugins_/oembed/modeles/oembed_video.html#L15
- # ^ Le 6 avril à 12:48, par Catherine En réponse à : oEmbed
  
  Merci , pour l’info mais quelle manipulation dois-je faire ?
  et quelle serait le nouveau fichier à intégrer dans plugin ...
  Merci d’avance une débutante en spip
- # ^ Le 7 avril à 13:12, par DavidM En réponse à : oEmbed
  
  On peut mettre display : none pour les class ccs qui correpondent aux champs à ne pas afficher, exemple pour le nom :
  
  .oe-author_name { display: none; }
- # ^ Le 7 avril à 22:16, par Catherine En réponse à : oEmbed
  
  Un grand merci cela fonctionne merveilleusement
  
  Merci
Répondre à ce message
# Le 17 février à 12:30, par DavidM En réponse à : oEmbed

Bonjour,

J’ai remarqué que sur mon site les vidéos Youtube ont une limite de largeur, avec max-width de 612px.
Alors que pourtant j’ai réglé dans la page config du plugin Oembed (un plugin bien pratique !) une limite max de 840px, et que c’est bien 840px qui est pris pour les vidéos de Vimeo.

je sais pas pourquoi ça passe à 612 pour les vidéos Youtube ?
bug ou limitations liées à Youtube ?

Pour preuve, extrait du code de oembed de ma vidéo : <div class="oembed oe-video async clearfix" style="max-width:612px;">
- # ^ Le 17 février à 13:08, par b_b En réponse à : oEmbed
  
  Salut, ça dépend du fournisseur, donc de youtube. Je viens de tester avec une des vidéos de ton site, et on voir bien que la largeur passée en paramètre de la requête est ignorée :
  
  https://www.youtube.com/oembed?format=json&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DMNp-eJxN1Ko&maxwidth=1024
  
  En fait, il faut passer une largeur maxi et une hauteur maxi pour que les paramètres soient pris en compte, exemple :
  
  https://www.youtube.com/oembed?format=json&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DMNp-eJxN1Ko&maxwidth=1024&maxheight=1024
- # ^ Le 17 février à 15:02, par DavidM En réponse à : oEmbed
  
  Merci, j’ai ajouté &maxwidth=840&maxheight=840 à mon url du « document » vidéo Youtube dans ecrire/document, et ça passe en 840 max de large.
Répondre à ce message
# Le 20 novembre 2016 à 15:53, par Yohooo En réponse à : oEmbed

Hello,

Lorsque je copie un modele oembed dans mon répertoire squelette pour le modifier, je rencontre une erreur m’indiquant que le filtre Filtre oembed_recuperer_data est non défini.

Quelqu’un pourrai m’indiquer pourquoi celui-ci ne marche pas dans ces circonstances ?

( pour info, je désire simplement supprimer le titre et le descriptif sous les vidéos et ajouter uniquement le titre au dessus des vidéos ).
- # ^ Le 20 novembre 2016 à 19:02, par Yohooo En réponse à : oEmbed
  
  Pardon pour le dérangement, il suffisait de déplacer le fichier oembed_fonction.php qui lui était lié...
- # ^ Le 20 novembre 2016 à 19:03, par b_b En réponse à : oEmbed
  
  Parce que le modèle oembed est accompagné d’un fichier _fonctions.php :
  
  http://zone.spip.org/trac/spip-zone/browser/_plugins_/oembed/modeles/oembed_fonctions.php
  
  Il faut que tu ajoutes une copie de celui-ci dans squelettes/modeles à côté de ton modèle perso, et hop :)
Répondre à ce message
# Le 22 janvier 2014 à 08:57, par erational En réponse à : oEmbed
une petite astuce pour utiliser oEmbed dans vos squelettes.
Par exemple vous avez un champs url_video qui stocke l’URL des vidéos.

Pour rendre la vidéo, depuis une page, on pourra alors utiliser le modèle fourni par le plugin

#MODELE{oembed,url=#URL_VIDEO}
- # ^ Le 26 mai 2014 à 21:12, par Julien En réponse à : oEmbed
  
  Bonjour,
  
  Dans la table spip_documents, il existe, après installation du plugin, le champs « oembed » avec l’url du media en question. Y’a t’-il pas un moyen d’appeler ce champs déjà existant ex : #BALISE_OEMBED au lieu de devoir en créer un nouveau champs avec l’exemple de Ertaional ci-dessus ?
  
  Merci.
- # ^ Le 27 mai 2014 à 10:37, par Julien En réponse à : oEmbed
  
  Heu j’ai rien dit :-)
  
  La balise #OEMBED est parfaitement fonctionnel de base avec :
  
  #MODELE{oembed,url=#OEMBED}
- # ^ Le 5 novembre 2014 à 19:26, par DD En réponse à : oEmbed
  
  Bonjour,
  
  J’ai pas tout compris...
  Comment insérer automatiquement sur une page article les vidéos ajoutées comme document en incrustation ?
  
  Actuellement mes vidéos s’affichent en liste comme les autres documents avec une vignette mais le lien envoie vers IMG/distant/html/xpy0mq_l-iledffe.html
  
  Si j’ajoute la balise #MODELEoembed,url=#URL_VIDEO ou #MODELEoembed,url=#OEMBED
  
  cela n’affiche rien.
  
  L’insertion manuelle avec <emb.. fonctionne mais c’est laborieux.
  
  Merci !
  dd
- # ^ Le 23 janvier 2015 à 16:39, par Karen En réponse à : oEmbed
  Bonjour,
  
  Super plugin pour gérer la vidéo. J’aimerais aussi beaucoup pouvoir l’appeler où je veux dans le squelette, et pas forcément contraint dans l’article avec le raccourci ’emb’, malheureusement je ne comprends pas la démarche non plus.
  Comme DD, j’ai tenté l’incrustation des 2 balises
  
  #MODELE{oembed,url=#URL_VIDEO}
  
  et
  
  #MODELE{oembed,url=#OEMBED}
  
  Il n’y a pourtant pas a recréer le modèle en surcouche ? Ni à l’intégrer spécialement dans une boucle ?
  
  Je suppose que ce n’est qu’un morceau de la démarche, et mes connaissances en SPIP sont trop limitées, j’ai cherché un moment, et là je patauge :-(
  Une âme généreuse pour expliquer aux novices comme nous ?
  
  Bien cordialement,
  Karen
- # ^ Le 31 janvier 2015 à 18:28, par Karen En réponse à : oEmbed
  
  Bonsoir,
  
  Pas une bonne âme pour expliquer comment appeler les vidéos d’un article directement par le squelette ?
  J’ai beau chercher depuis un bon moment, je ne trouve pas comment faire, et aucune page qui en parle, à par ici… Please, help !
  
  Merci d’avance
  Karen
- # ^ Le 1er février 2015 à 11:25, par Cerdic En réponse à : oEmbed
  
  Le code
  #MODELE{oembed,url=#OEMBED}
  doit etre dans une boucle document, il sert à insérer le document oembed qui est déjà en base de données.
  
  Sinon tu peux aussi l’utiliser avec une URL en dur du genre :
  #MODELE{oembed,url=http://youtube.com/....}
- # ^ Le 2 février 2015 à 16:43, par Karen En réponse à : oEmbed
  1000 mercis Cerdic, c’est génial quand ça fonctionne !
  C’est tout bête pour un spipien éclairé, ça l’était moins pour moi… Encore un souci cependant :
  Je n’arrive pas à faire fonctionner le critère doublons pour éviter d’appeler les vidéos déjà intégrées dans l’article.
  Voici ma boucle dans article.html :
  
  <BOUCLE_doc(DOCUMENTS){id_article}{mode=document}{doublons}>
  [(#MODELE{oembed,url=#OEMBED,doublons})]
  </BOUCLE_doc>
  Télécharger
  
  Et j’ai ajouté doublons sur cette boucle de inclure/documents.html
  
  <BOUCLE_afficher_document(DOCUMENTS) {id_document}{id_article} {mode=document}
  {extension IN png,jpg,gif}{doublons}>
  [(#MODELE{emb,lien=#URL_DOCUMENT}|image_reduire{500,*})]
  </BOUCLE_afficher_document>
  Télécharger
  
  Je ne comprends pas pourquoi ça ne fonctionne pas…
- # ^ Le 2 février 2015 à 16:58, par Karen En réponse à : oEmbed
  Oups ! Mauvais copier-coller, dans la boucle d’article, c’est plutôt ça :
  
  <BOUCLE_doc(DOCUMENTS){id_article}{mode=document}{doublons}>
  [(#MODELE{oembed,url=#OEMBED})]
  </BOUCLE_doc>
  Télécharger
  
  J’avais fait une autre tentative sur la deuxième ligne, au cas où, mais sans meilleur résultat !
- # ^ Le 11 février 2015 à 22:18, par DD En réponse à : oEmbed
  
  Bonsoir,
  
  Sur ma page article pour que les paginations des différents types de documents (vidéos, images, documents,) ne s’emmêlent pas les crayons j’utilise {media!=video} ou {media=video} dans mes différentes boucles.
  (cela empêche aussi les vidéos d’apparaître 2 fois)
  
  dd
- # ^ Le 23 février 2015 à 16:03, par Karen En réponse à : oEmbed
  Merci pour cette réponse DD, je réagis après coup, après 2 semaines à l’étranger…
  Bref ! Ce n’est pas tout à fait ce qui m’intéresse, je crois. Ce que je cherche à faire c’est comme avec la Mediabox : si une image est déjà intégrée dans le corps de l’article, via un raccourci type
  
  <imgxx|left>
  
  , elle n’apparaît pas dans le portfolio, et c’est géré automatiquement.
  
  En résumé, comment exclure de la boucle qui liste les toutes les vidéos attachées à l’article, en oembed, celles qui sont déjà appelées sous la forme
  
  <embxx|center>
  
  dans le texte de l’article ?
  
  Le critère doublons ne fonctionne pas, en tout pas pas tel que j’ai tenté de l’utiliser :-(
  Karen
  
  Karen
- # ^ Le 24 février 2015 à 18:56, par Karen En réponse à : oEmbed
  Ouf, j’ai fini par trouver, enfin !
  Je me réponds à moi-même pour ceux que ça intéresse : j’y suis parvenue en ajoutant le critère vu=non, ce qui donne, pour ma boucle dans article.html :
  
  <BOUCLE_doc(DOCUMENTS){id_article}{mode=document}{doublons}{vu=non}>
  [(#MODELE{oembed,url=#OEMBED})]
  </BOUCLE_doc>
  Télécharger
  
  Voir à ce sujet : http://www.spip.net/fr_article4273.html
  Merci à Cédric et à DD qui m’ont aidée à avancer :-)
- # ^ Le 22 mai 2015 à 11:47, par kent1 En réponse à : oEmbed
  Encore plus simple :
  
  [(#URL_VIDEO|oembed)]
  
  dans le squelette
  
  Ou
  
  [(#VAL{url_de_la_page}|oembed)]
- # ^ Le 4 août 2016 à 17:25, par DavidM En réponse à : oEmbed
  
  J’ai tenté d’appliquer ce fil dans un modèle videos-du-site.html , pour afficher dans un article les vidéos (dans un lecteur) du site chargées par oEmbed. (spip 3.1, oEmbed Version 1.6.5)
  Dans mon article, j’ai appelé mon modèle videos-du-site.html avec : <videos-du-site1>
  Mais je n’arrive pas à afficher les vidéos (elles s’affichent pourtant ailleurs),
  Seule la balise #EMBED_DOCUMENT affiche quelque chose, les docs images du site
  
  La balise [(#URL_VIDEO|oembed)] affiche spip.php ?video1, spip.php ?video2, etc.
  
  J’ai par ailleurs une erreur indiquée :
  Aucun squelette modeles/ n’est disponible... plugins-dist/medias/modeles/emb.html / ligne 2
  
  Je ne comprends pas et ne sais trop que faire....
  Merci pour tout conseil utile.
  
  Pour info, j’avais aussi installé le plugin Vidéos, que j’ai supprimé car oEmbed intègre plus de types de docs distants. Peut-être ça aurait pu perturber le fonctionnement de oEmbed ?
  
  Voici mon code :
  
  <B_documents_videos> #ANCRE_PAGINATION <BOUCLE_documents_videos(DOCUMENTS) {tout}{mode=document}{!par date}{doublons}{vu=non}{pagination 5}> [(#MODELE{oembed,url=#URL_VIDEO})] --------1-- [(#MODELE{oembed,url=#OEMBED})] ---------2-- [(#URL_VIDEO|oembed)] --------3- #EMBED_DOCUMENT --------4- </BOUCLE_documents_videos></B_documents_videos>
- # ^ Le 12 août 2016 à 00:15, par DavidM En réponse à : oEmbed
  
  Résolu : en me repenchant sur mon code modèles, j’ai vu qu’il ne convenait pas.
  Ce modèle étant placé dans un article (donc dans une boucle article), il ne listait que les docs vidéo de l’article en question..., j’ai donc modifié le code, et ça marche :
  
  <BOUCLE_tous-articles(ARTICLES){tout}{!par date}> <B_documents_videos> <h3 class="spip"><multi>[fr]Galerie des vidéos[en]Videos galery</multi></h3> #ANCRE_PAGINATION <BOUCLE_documents_videos(DOCUMENTS){tout}{mode=document}{media=video}{!par date}{doublons}{pagination 5}> [(#MODELE{oembed,url=#OEMBED})] </BOUCLE_documents_videos> <div style="clear: both;"></div> [<div class="barre-pagination pagination">(#PAGINATION{prive})  | #GRAND_TOTAL <:ima_au_total:></div>] </B_documents_videos> </BOUCLE_tous-articles>
  
  désolé pour le « bruit »
Répondre à ce message
# Le 18 juillet 2016 à 16:34, par jeanmarie En réponse à : oEmbed
Salut,

il y a une petite pétouille avec ZDist V1.7.29. Bon, je sais, ZDist n’est plus maintenu, mais je pose ça là hein, si ça peut servir à d’autres...

Donc, dans ZDist V1, les doc centrés ont un

display:table;

(en plus d’un display block !), cf L40 /zpip_v1_99/spip_style.css, ce qui a pour effet d’afficher le player généré en petit sans tenir compte de la taille définie par la config.

Il suffit de donc surcharger avec

.spip_documents_center.oembed {display:block;}

pour que ça fonctionne...

Voilà,

jean marie
- # ^ Le 19 juillet 2016 à 11:29, par b_b En réponse à : oEmbed
  
  Merci pour le signalement, à ce que je vois le bug n’est pas présent dans zdist 1.7.29, cf :
  
  http://zone.spip.org/trac/spip-zone/browser/_squelettes_/zpip-dist/branches/zpip_v1/spip_style.css#L40
  
  Le bug du double display a été corrigé par http://zone.spip.org/trac/spip-zone/changeset/78027 et ne semble pas avoir été reporté dans la branche 1.9, hésite pas à le faire si tu utilises encore cette branche.
- # ^ Le 19 juillet 2016 à 12:25, par jeanmarie En réponse à : oEmbed
  
  J’ai fait le report (si tant est que quelqu’un utilise cette branche morte).
  http://zone.spip.org/trac/spip-zone/changeset/98948
- # ^ Le 19 juillet 2016 à 13:02, par b_b En réponse à : oEmbed
  
  Cool, merci mignon :)
Répondre à ce message
# Le 19 avril 2016 à 14:20, par ydikoi En réponse à : oEmbed

Il semblerait qu’Instagram ait changé son api, la détection de l’URL de la photo ne se fait pas chez moi ?
- # ^ Le 20 avril 2016 à 14:23, par b_b En réponse à : oEmbed
  
  Je confirme le bug, je reviendrai poster ici dès qu’on aura publié un correctif.
- # ^ Le 20 avril 2016 à 14:26, par b_b En réponse à : oEmbed
  
  Pour préciser, c’est la modification http://zone.spip.org/trac/spip-zone/changeset/95697 (qui corrigeait un bug avec youtube) qui introduit le bug. Il semble que la cause soit les multiples redirections appliquées par instagram avant de renvoyer le contenu demandé...
- # ^ Le 20 avril 2016 à 16:16, par b_b En réponse à : oEmbed
  
  Et voilà, la version 1.6.3 corrige le bug, cf http://zone.spip.org/trac/spip-zone/changeset/96714
- # ^ Le 20 avril 2016 à 17:10, par ydikoi En réponse à : oEmbed
  
  trop fort :)
  
  merci !
Répondre à ce message

0 | 10 | 20

Répondre à cet article

Qui êtes-vous ?

Nom [Se connecter]
Veuillez laisser ce champ vide :
Courriel (non publié)

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )

Texte de votre message
Prévenez-moi de tous les nouveaux commentaires de cette discussion par email

Ajouter un document

gif, jpg, png

SPIP-Contrib

oEmbed

C’est quoi ce truc ?

Comment ça marche ?

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

Traitements automatiques

Fonctions de post-traitement

Côté serveur

Rubriques

Derniers commentaires

Compatibilité

Téléchargements

oEmbed

Sur le Web

Vos commentaires

Répondre à cet article

Ça discute par ici

ScolaSPIP 4

Liens sociaux

Curalicious

Sélections éditoriales

Champs Extras 3

Ça spipe par là

SPIP Blog

SPIP - Seenthis

SPIP Forums

SPIP-Zone

SPIP SVN