Insérer une vidéo Youtube comme document joint à SPIP

Jeudi 23 avril 2015 — Dernier ajout mercredi 8 septembre 2021

Youtube propose d’intégrer les vidéos en iframe, mais vous pouvez faire autrement avec SPIP

Mise en œuvre

Nous allons prendre l’exemple de cette vidéo sur l’usage d’un ordinateur par une personne aveugle..

Son URL sur Youtube est https://www.youtube.com/watch?v=Kz1AQ4dqxgA

Son identifiant est Kz1AQ4dqxgA.

Nous allons utiliser le code suivant :
http://www.youtube-nocookie.com/v/yyyyyyyyyyyy?version=3&hl=fr_FR&rel=0

Et remplacer yyyyyyyyyyyy par l’identifiant :
http://www.youtube-nocookie.com/v/Kz1AQ4dqxgA?version=3&hl=fr_FR&rel=0

C’est cette URL que nous allons utiliser comme source du document distant :

Ajouter un document distant

Une fois correctement titrée, la vidéo peut être insérée dans le texte par : <embNNN|center> où NNN est le numéro du document.

Bonus mode communiquant SoyezCréateurs

Bonus : en mode communiquant de SoyezCréateurs, pour avoir une vidéo affichée sur la page d’accueil, il suffit :

  • de faire un article dont le titre sera affiché en haut de la vidéo
  • de joindre une vidéo de cette manière
  • d’affecter à l’article le mot clef « VideoALaUne »
  • de publier

Utilisez oEmbed, c’est plus simple !

SPIP dispose désormais d’un plugin qui simplifie énormément le processus : oEmbed !

Il suffit de coller dans l’article l’URL de la vidéo (avec une ligne vide juste avant si l’article commence par la vidéo).

L’avantage du plugin oembed est qu’il est naturellement respectueux des utilisateurs, car les vidéos ne sont jamais chargées au chargement de la page, mais uniquement quand l’utilisateur clique sur la vidéo pour la lire. Par ailleurs les vidéos sont dans la mesure du possible lues en évitant les cookies utilisateurs.

Pour information oEmbed contient une action pour convertir les iframes placées dans le contenu éditorial.
Elle s’appelle avec l’URL spip.php?action=oembed_nettoyer_iframes et il faut être webmestre.
L’interface est brute, mais ça fait le travail [1].

[1N’oubliez pas de rajouter &modif=1 pour que le travail soit fait.

Documents à télécharger

Revenir en haut