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

Discussion

8 discussions

  • Bonjour a tous,
    J’essaye de faire démarrer automatiquement une vidéo a l’affichage du site.

    j’ai essayé avec le lecteur vidéo interne de SPIP et avec le plugin Oembed.

    Sur un post de juin 2009 on voit « emb...|center|autostart=true » mais cela ne démarre pas.

    Avez vous une autre méthode ?

    J’utilise SPIP 4, PHP7.4.22 et Escal (j’ai désactivé Escal pour voir et cela ne change rien)

    Voici l’adresse du site pour voir les 2 vidéos
    https://www.leteilcourt.com/

    Merci et Bonne Journée

    Répondre à ce message

  • 2
    Lionel

    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

    Répondre à ce 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à...

    Répondre à ce 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 !!!

    Répondre à ce 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

    Répondre à ce 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/

    Répondre à ce 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

    Répondre à ce 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 :)

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

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

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom