Comment ajouter des vidéos dans SPIP

Synthèse des différentes approches pour intégrer de la vidéo dans vos articles.

But de cet article

Le but de cet article est de faire la synthèse des méthodes pour intégrer de la vidéo dans SPIP, pour faciliter le choix d’une solution pour les rédacteurs de votre site.

Vidéo et web

Il existe de nombreux formats vidéos sur le web . Le format mp4 est actuellement bien reconnu partout et ne requiert pas de plugin spécifique

Intégrer des vidéos directement à l’intérieur de SPIP

Pour ajouter une vidéo, il faut procéder comme pour un autre document :

  1. éditer votre article
  2. menu ajouter un document
  3. intégrer votre vidéo en utilisant le raccourci <embXX>

Avantages

  • Vous restez maître de votre contenu : pas de publicité ni de censure à craindre

Inconvénients

  • Il faut encoder les vidéos soit-même
  • Si vous êtes plusieurs à placer des vidéos, il faut partager le FTP
  • Consommation d’espace disque et de bande passante

Intégrer des vidéos distantes de type Youtube, Vimeo, ..

La méthode consiste à placer des vidéos sur un service de vidéo en ligne et ensuite d’intégrer ces vidéos dans SPIP en tant que document distant.

Pour insérer des vidéos distantes, il faut installer le plugin oEmbed

Avantages

  • Vous n’avez pas à encoder la vidéo ces sites le font pour vous
  • Économie de bande passante: si vous avez un hébergeur mutualisé avec une fréquentation importante, cela peut être déterminant.
  • Pas de limite d’espace disque: vous pouvez importer autant de vidéos que vous voulez
  • Vous bénéficiez du “buzz” de ces sites. Cela peut aider à faire connaitre votre site et augmenter son traffic.

Inconvénients

  • Il s’agit de services commerciaux. On voit un logo et rien ne garantit que dans le futur, le service ne devienne payant ou pire ajoute de la publicité ou de la censure
  • Votre vidéo devient semi-publique, tout le monde pourra potentiellement l’ajouter à son site

updated on 29 May 2020

Discussion

7 discussions

  • 2

    Bonjour
    En ce qui concerne l’intégration de vidéos distantes, le lien inclus dans l’article ci-dessus : “Lire le tutorial complet d’ARNO* pour intégrer une vidéo distante” a disparu. Pourriez-vous le mettre à jour ou expliquer comment faire. Je n’ai rien trouvé sur Internet.

    Merci !

    • Cet article est trop vieux et ses informations sont périmées ....

      L’insertion des vidéos est maintenant très simple dans SPIP grâce au plugin oEmbed que je recommande fortement.

    • J’ai aussi mis à jour l’article avec les nouveaux formats du web de 2020

    Reply to this message

  • sibeles13

    bonjour, je souhaite pouvoir cliquer sur une image et faire apparaitre une fenetre dans laquelle passerait une video.cela fait deux semaines que je teste des tas de solutions, via mediabox entre autres, et impossible de m’en sortir. Une ame charitable pourrait-elle me donner la formule magique pour faire cela sous spip 3.0.5? merci, car je n’en peux plus, là...

    Reply to this message

  • 1
    VincentC

    bonjour, je suis à la recherche de personnes qui aurait peut etre déjà fait ça, l’intégration de vidéo à l’aide du permalien des vidéos
    et ainsi récupérer toutes les infos, vignette, titre, swf, ...

    en intégrant ceci
    http://www.upian.com/upiansource/videopian/

    merci de votre aide
    vincent

    • Je bosse sur un plugin qui ferais ça...

      Si quelqu’un veut m’aider, il est le bienvenue !!!

    Reply to this message

  • Bonjour,
    J’ai téléchargé sur le serveur du site spip une vidéo (772 MO). Lors de la rédaction d’un article je peux donc la choisir. Par contre, il est impossible de la faire apparaître dans l’article et de la publier. En sauriez-vous plus chers amis ?
    Bravo pour tout

    Reply to this message

  • Pour ma part, je ne m’étais jamais posé la question...
    -  je télécharge le fichier vidéo (j’utilise le format “.mov” car le plugin quicktime est très répandu chez les internautes)
    -  j’indique ses dimensions en déroulant sa description (je mets 320 et 260 pour une vidéo 320x240, cela laisse la place en bas pour les boutons du player)
    -  j’utilise simplement l’instruction

    <emb...|center|autostart=true>

    (... étant le numéro du document, et on peut bien sûr mettre “autostart=false” si on ne souhaite pas un démarrage immédiat, ainsi que “right” ou “left” à la place de “center”)

     

    Et ça marche même dans les “brèves”, la preuve...

     

    Quant à convertir les vidéos, voici la solution gratuite, efficace et universelle:
    http://www.koyotesoft.com/

    Reply to this message

  • Jean-François

    Bonjour,

    J’ai appliqué la méthode préconisée ci-dessus :
    1. éditer votre article
    2. menu ajouter un document
    3. indiqué la taille de votre vidéo en largeur et longueur
    4. intégrer votre vidéo en utilisant le raccourci

    Mais pas possible de lire la vidéo, plugin manquant. et impossible à télécharger. Qui peut m’aider.... Un grand merci d’avance !

    Article en question :

    http://www.dharma-international-association.org/Film-L-Inde-mystique

    Reply to this message

  • 1

    Pour compléter ...

    Il existe un format ouvert pour les videos : *.ogg ou *.ogm Ogg_Media ... Autant s’en servir puisque c’est possible :) grace au script php Itheora (utilisant Java) facilement intégré dans SPIP grace au modèle et aux explication contenues dans cette archive Voir aussi explications vers le bas de cette page.

    Pour encoder les fichiers, utiliser ffmpeg2theora. La ligne de commande pour traiter un fichier vidéo quelconque, le calibrer en dimension, niveau de qualité audio et vidéo ... n’est pas bien compliquée. Le fichier ’résultant.ogg’ est à intégrer dans un article de SPIP comme un document, puis utilisé comme un modèle dans un article (ou un squelette si nécessaire).

    Mes premiers essais semblent concluants. Graphiquement c’est plutôt élégant et il y a plusieurs skins disponibles et adaptables. Et puis c’est pas comme le flash ; c’est du tout libre ;-))

    • Salut Livier,

      Merci d’avoir fait circuler l’adresse de notre tuto, je pense que ça pourra donner des idées à d’autres ami(e)s de SPIP :)

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom