Contactez-nous

1

Une vidéo YouTube dans un article

28 mars 2006
par ARNO*

[SPIP 1.8] Voici une technique très simple : nous allons profiter de la possibilité de « joindre » un document « distant » (introduite dans SPIP 1.8) pour intégrer dans un article une vidéo installée sur YouTube1.

Il est souvent difficile d’installer de la vidéo sur son propre site : espace disque insuffisant, bande passante limitée. Pour la plupart des gens, installer de la vidéo sur son propre site revient à espérer que personne n’ait l’idée de visiter le site... Plusieurs services permettent désormais d’uploader ses vidéos sur un serveur spécialisé, puis d’appeler ces fichiers depuis son propre site.

Un de ces services est YouTube. Jusqu’à nouvel ordre, il est gratuit et, par je ne sais quel mystère, pas encore pollué par des bandeaux publicitaires.

L’étape d’inscription et d’installation de ses propres fichiers vidéo ne nous importe pas ici, je vous laisse tenter l’expérience. Imaginons que nous avons réussi à installer le fichier vidéo sur YouTube ou que nous avons sélectionné un fichier qui nous intéresse. Par exemple, le petit dernier participe à Questions pour un champion.

Sous l’animation Flash qui contient le film, recherchez la ligne « Embeddable Player » (en rouge sur la copie d’écran ci-dessus). Vous y récupérerez un code HTML qui ressemble à ceci :

  1. <object width="425" height="350">
  2. <param name="movie" value="http://www.youtube.com/v/HSoVKUVOnfQ"></param>
  3. <embed src="http://www.youtube.com/v/HSoVKUVOnfQ" type="application/x-shockwave-flash" width="425" height="350"></embed>

Télécharger

Les informations qui nous intéressent ici sont :
— l’adresse du fichier Flash, qui apparaît deux fois dans ces lignes :
http://www.youtube.com/v/HSoVKUVOnfQ
— les dimensions du fichier : 425 × 350 pixels.

Rendons-nous dans notre article (sur notre site SPIP, donc). Dans l’interface « Ajouter un document », déplions les informations masquées, pour afficher la case « Référencer un document sur l’internet » : nous y recopions l’adresse du fichier Flash.

Une fois ce document référencé, l’interface de droite (sur la copie d’écran ci-dessus) est disponible. Il faut impérativement y installer les dimensions de l’animation, de façon à pouvoir intégrer (embed) l’animation directement dans le corps de notre article.

Cela fait, le code pour l’« Inclusion directe » apparaît, et il suffit de copier-coller dans le corps de l’article le raccourci de la forme :

Si vous avez bien suivi, le fichier vidéo ne se trouve jamais physiquement recopié sur votre propre serveur : l’article se contente d’afficher l’animation dans la page, en faisant appel au fichier stocké sur les machines de YouTube. Vous économisez ainsi la bande passante de votre propre hébergeur.

Insistons tout de même sur les limites d’une telle méthode :
— vous dépendez d’un hébergeur tiers pour stocker vos films ; si cet hébergeur fait faillite ou change de politique commerciale, vos films risquent de ne plus être accessibles, et il vous faudra trouver une autre solution (modifier vos propres pages) ;
— surtout, un jour ou l’autre, votre film sera précédé de quelques secondes de pubs forcément pénibles ; c’est sans doute l’intérêt pour YouTube d’encapsuler vos films dans une animation Flash (il sera facile d’ajouter des publicités par la suite).

1Je dis YouTube parce que j’ai essayé avec celui-là. Vous pouvez essayer avec tout autre hébergeur de fichiers vidéo aux fonctionnalités similaires.

  • Sylvain
    Mars 2006

    Salut,

    la note de bas de page (1er paragraphe) à sauté, petit oubli dans le squelette ?
    (on a juste le title="...")

    rooooh !
    - c’est du niveau de première année ça enfin ;-)

    a+

  • ARNO*
    Mars 2006

    petit oubli dans le squelette ?

    Roooooh ! Merci, c’est corrigé !

  • cent20
    Août 2006

    Salut Arno,

    On a une contrib en attente sur spip-contrib, si tu pouvais donner ton avis ce serait sympa.

  • Octobre 2006

    Bonjour

    C’est bien ça ne marche pas sur mon site, derniere version de spip, rien n’apparait dans la liste de mes docs. une idée ?

    Merci

  • Bernard
    Novembre 2006

    Un petit truc amusant à faire avec ce site. Ne prendre que la ref de certaines vidéos et faire un tirage aleatoire. Ca marche nickel !

  • CHOUPA
    Janvier 2007

    pouvons nous crée nos propre vidéo avec nos photo et rajouter un son

  • Février 2007

    Bonjour

    Je viens d’installer SPIP 1.9.1 [7502] et je ne vois pas la fonction "référencer un document sur internet", seulement à partir de mon ordinateur. Qu’aurais-je raté ?

    Merci d’avance

  • dominique
    Mai 2007

    Une fois ce document référencé, l’interface de droite (sur la copie d’écran ci-dessus) est disponible.

    Et bien chez moi, ça n’apparaît pas (SPIP 1.9.2).

    J’avais collé : http://www.youtube.com/watch?v=KMR1TA0-HvA

    une idée ?

    merci

    dominique

  • LaGazelle
    Mai 2007

    - solution 1 peut-etre qu’il y a deux fois le "http:// puisqu’il est déja par défaut.
    - solution deux : c’est bien dans la partie "insérer un document"

    A chaque fois que cela n’a pas fonctionné chez moi, c’est parce que - l’adresse n’était pas la bonne - il y avait en fait un http://http://www.nimportequoidautre
    - solution 3 (en ce qui concerne dailymotion : ca ne fonctionne pas avec le permalien...

  • zwan
    Septembre 2007

    Super, je l’ai essayé et c’est magnifique ! Et ça permet de définir l’alignement de l’objet ! Mais il n’y aurait pas un moyen d’avoir le thumbnail (vignette) de la vidéo généré par Youtube ?

  • ouedraogo
    Décembre 2007

    Mais ça marche et merci , Cependant il n’est pas possible de la visionner avec internet explorer ou safari pourqu’oi ?

  • ouedraogo
    Décembre 2007

    Je viens de trouver la solution a mon problème alors je vous la donne au cas ou ? Juste =en à la place de =fr à la fin du code après le docId

    On peut aussi ne rien mettre mais chaque fois j’ai eu un probléme de lecture dans certain environnments , Mac OS par exemple. Bref j’espère que cela aide un de nous

  • basé a force vraiment
    Janvier 2008

    et sous spip 1.9.2c ?

  • Marco
    Avril 2008

    Pourquoi ne pas utiliser l’intégralité du code proposé pas YouTube ?

  • eNeKaBe
    Septembre 2008

    Bonjour tout le monde.

    Je suis en version 1.9.1, j’ai pu incorporer les vidéos youtube et dailymotion dans mon site Web en reprenant - copié collé - tout le code et en le mettant soit dans la partie réservée au chapeau de l’article soit dans le post scriptum. C’est encore plus simple qu’en 1.8.

  • eNeKaBe
    Septembre 2008

    Dans le corps de l’article vous pouvez aussi insérer la vidéo en affichant le code source.

  • philippe
    Septembre 2009

    J’ai la bonne adresse de la vidéo Youtube. Cela ne marche pas ! je met le lien (correct) , je clique sur choisir, ça tourne, pas d’affichage de la seconde fenetre (pour les dimensions). Faut-il mettre le nom complet et ajouter à la fin du nom du fichier &hl=fr&fs=1& qui est dans le code donné par Youtube

    spip 2.0.9 plugin multimedia +atuntsic Merci de votre aide

  • noblo
    Octobre 2009

    merci ca ma vraiment repondu a ma question et enormenment aider . je voulais savoir aussi comment metre un code html dans mon site sans l’éxécuter comme vous le dite pour la balise.

    Merci A vous

  • Joe
    Décembre 2009

    Bonjour comme Philippe j’ai un problème pour mettre une vidéo youtube dans spip 2.0 il n’y a plus la possibilité d’insérer les dimensions ni quelques paramètre que ce soit sur les paramétrages d’apparence de la vidéo.

    Merci

  • Février 2010

    meme probleme que certains, je copie-colle mon lien (je verifie qu’il n’y a pas de http en trop..) la roue tourne mais rien ne se passe...

    quesaco... mystère..

    merci pour vous tuyaux !

    SPIP 2.0.10

  • yawili
    Septembre 2010

    Je fais un petit plugin qui utilise ce lecteur multimédia mais à rien faire pour l’intégrer au fichier plugin.xml

    un conseil ? Merci

  • akilo
    Avril 2011

    Il y a eu du changement dans les urls proposé par youtube maintenant on a : http://www.youtube.com/embed/LQWvrfUO1VA il suffit de remplacer /embed/ par /v/ http://www.youtube.com/v/LQWvrfUO1VA et ça fonctionne encore, pour combien de temps  ;)

Qui êtes-vous ?
Votre message

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.