SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 278 visiteurs en ce moment

Accueil > Rédaction > Tutoriaux rédacteurs > Comment ajouter des vidéos dans SPIP

Comment ajouter des vidéos dans SPIP

7 février 2008 – par erational – commentaires

21 votes

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 : realaudio (.rm, .ram), quicktime (.qt, mp4), avi... Malheureusement la plupart d’entre eux requiert un plugin spécifique.

Depuis quelques temps, une solution alternative est d’utiliser le plugin flash (qui est largement implanté) pour servir de lecteur de vidéo. C’est la solution technique retenue par les sites Youtube, Dailymotion, Google vidéo... Ce lecteur flash lit des vidéos au format .FLV (Flash Vidéo).

Vidéo et SPIP

SPIP reconnaît naturellement de nombreux formats vidéos. Il est possible d’intégrer facilement tous les formats cités au paragraphe précédent. La seule limite est que l’internaute possède le plugin pour lire votre fichier.

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

  1. éditer votre article
  2. menu ajouter un document
  3. indiquer la taille de votre vidéo en largeur et longueur
  4. intégrer votre vidéo en utilisant le raccourci <embXX>

Note : Sur de nombreux hébergeurs, la limite en upload est fixée à 2 Mo ce qui est peu pour de la vidéo.
Dans ce cas, uploader votre vidéo via le FTP en plaçant vos fichiers dans tmp/upload
Pensez à déplier le menu "ajouter un document’’ pour voir vos vidéos

Intégrer des videos distantes via Youtube, Dailymotion...

Méthode
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.

Les étapes

  1. Se créer un compte sur un service de vidéo en ligne
  2. Placer vos vidéos sur ce site de vidéo en ligne
  3. Ajouter ces vidéos dans votre SPIP en tant que documents distants.
  4. Intégrer votre vidéo en utilisant le raccourci <embXX>

Lire le tutorial complet d’ARNO* pour intégrer une vidéo distante

Note : Parfois l’intégration en document distant ne fonctionne pas. Dans ce cas, coller le code HTML proposé par le service de vidéo en ligne pour intégrer la vidéo dans votre article

Avantages

  • Vous n’avez pas à encoder la vidéo au format .flv, 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

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

Les étapes

  1. Installer le plugin Lecteur multimédia
  2. Encoder vos vidéos au format .FLV. Ceci peut être realisé avec :
  3. Dans votre article SPIP, placer vos vidéos en tant que documents
  4. intégrer votre vidéo en utilisant le raccourci <docXX|player>

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

Autres projets liés à la vidéo et SPIP

Dernière modification de cette page le 17 octobre 2011

Retour en haut de la page

Vos commentaires

  • Le 6 mai 2013 à 14:15, par sibeles13 En réponse à : Comment ajouter des vidéos dans SPIP

    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

  • Le 2 mars 2010 à 11:00, par VincentC En réponse à : Comment ajouter des vidéos dans SPIP + permaliens

    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

    Répondre à ce message

  • Le 23 septembre 2009 à 18:37, par Spipnaute En réponse à : Comment ajouter des vidéos dans SPIP

    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

  • Le 1er juin 2009 à 13:51, par Michel En réponse à : Comment ajouter des vidéos dans SPIP

    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

  • Le 1er juin 2008 à 14:21, par Jean-François En réponse à : Comment ajouter des vidéos dans SPIP

    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

  • Le 8 février 2008 à 23:39, par livier En réponse à : Comment ajouter des vidéos dans SPIP

    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 ;-))

    • Le 9 février 2008 à 07:22, par leonux En réponse à : Comment ajouter des vidéos dans SPIP

      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

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Plugin Logo SVG : pouvoir utiliser des logos SVG

    17 octobre – commentaires

    Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l’acceptait pas sur les logos. Ce plugin comble ce manque. Comment ça fonctionne ? Vous installez ce plugin, vous l’activez, et c’est tout. Crédits Une (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 58 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 65 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • GIS 4

    11 août 2012 – 1288 commentaires

    Présentation et nouveautés La 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 (...)

  • Metas +

    3 décembre – commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)