Accueil > Documentation > Pour les rédacteurs > Utilisation des médias > Exporter ses médias sur d’autres sites

Exporter ses médias sur d’autres sites

Comme toute autre plateforme de diffusion de médias, MediaSPIP permet d’intégrer les médias compatibles (à l’heure actuelle les documents de type mp4/flv pour les vidéos et mp3 pour les sons) dans d’autres sites via un code d’export [1].

Via code d’embed classique

Sur la page d’un média compatible, un lien "Intégrer ce média +" devrait être présent.

Au clic sur ce lien, l’utilisateur n’est pas redirigé vers une autre page mais un bloc doit s’ouvrir contenant un formulaire proposant :

  • le code d’export par défaut ;
  • un champ largeur (pour modifier la largeur en fonction du site où il souhaite intégrer le média) ;
  • un champ hauteur (pour modifier la hauteur en fonction du site où il souhaite intégrer le média) [2] ;
  • si le plugin MediaBox n’est pas désactivé dans l’espace public (cette extension est activée par défaut), un lien "Prévisualiser le rendu" permet d’ouvrir dans une simili popup le contenu du code d’embed afin de prévisualiser le résultat ;

Si l’utilisateur modifie un de ces paramètres (hauteur ou largeur), il lui est nécessaire de valider le formulaire qui mettra alors à jour le contenu du code d’export.

Il a ensuite la possibilité de copier ce code d’export afin de le coller dans le site externe. Si le plugin "Zeroclipboard" est activé, un lien "Copier" est ajouté au niveau du textarea du code afin de le disposer directement dans son presse papier.

Il lui suffit alors de coller ce contenu dans son autre site pour voir s’afficher le média.

NB : l’export de médias de type vidéo et son n’est possible qu’avec un lecteur flash dans l’immédiat.

Exemple du formulaire de code d’embed :

4 notes sont associées à l’image. Survolez l’image pour afficher les notes.

Via Oembed

oEmbed est un format permettant d’intégrer une représentation d’une URL sur des sites tiers. L’API, simple, permet à un site web d’afficher le contenu intégré (comme des photos ou des vidéos) lorsqu’un utilisateur poste le lien de cette ressource, sans avoir à analyser directement la ressource.

Si le plugin oEmbed est activé sur le MediaSPIP, les liens vers ce format sont ajoutés en entête des pages de médias, invisibles par l’humain mais lisibles par les sites distants.

De nombreuses extensions de CMS (SPIP, Wordpress, Drupal...) existent afin d’utiliser ce format pour afficher les ressources. En général il est nécessaire d’autoriser l’affichage des données d’un site particulier si celui-ci n’est pas une grande plateforme reconnue (type YouTube, Dailymotion ou autre Flickr...).

Vous pouvez tester les ressources via ce proxy oEmbed.

Exemples :

Prenons l’exemple de ce média.

Il est possible de visualiser le rendu sur le proxy oEmbed de Nursit via ce lien.

Dans un article SPIP normal comme celui de cette documentation, si le plugin oEmbed est activé, il suffit d’y écrire l’Url de la page du média pour qu’elle se transforme en lecteur [3] :

http://www.mediaspip.net/medias/open-movie-projects/big-buck-bunny/article/big-buck-bunny

Sur les réseaux sociaux

Avant toute chose, pour une intégration complète des sons et vidéos sur les réseaux sociaux type Facebook ou Twitter il est nécessaire que le site soit navigable via une connexion sécurisée https.

Dans le cas contraire ces sites n’afficheront que la vignette de ces médias et non la possibilité de les lire sur leur propre plateforme.

Chaque page de média contient normalement les éléments nécessaires à ces sites pour les intégrer.

Via podcasts

MediaSPIP dispose d’un plugin de podcasts qui n’est pas activé par défaut.

Voir la documentation du plugin en question pour en savoir plus.

Notes

[1L’affichage de ce code d’export doit être activé dans la configuration du site par un administrateur.

[2La largeur et la hauteur resteront toujours proportionnelles.

[3Dans le plugin SPIP, il suffit de le configurer pour qu’il ignore la liste blanche

  • Auteur :
  • Publié le :
  • Mis à jour : 03/09/13
  • Révisé par : 2 anonymes

2 commentaires


  • Le 20 août 2012 à 17:04, par fab En réponse à : Exporter ses médias sur d’autres sites - question bidouillage...

    Super cette option.

    Si je veux aller plus loin avec le code généré, comme par exemple modifier la couleur des boutons, afficher un titre sur l’écran, lancer un lecteur automatique,

    est-ce possible ?
    est-ce documenté quelque part ?
    (liste des paramètres par exemple...)

    Répondre à ce message

    • Le 2 septembre 2013 à 11:05, par kent1 En réponse à : Exporter ses médias sur d’autres sites

      Pour les options de personnalisation supplémentaires, ce n’est pas encore prévu dans le code.

      Ce sera plus simple à réaliser lorsque les codes d’embed génèreront des balises html5, à ce moment là, on pourra jouer plus simplement avec le résultat.

      Répondre à ce message

Qui êtes-vous ?

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
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document