Insérer une vidéo

8 mars 2017

Voyons à présent comment ajouter une vidéo Youtube, Vimeo ou DailyMotion à nos articles afin de les rendre encore plus interactifs.

Récupérer l’adresse URL de la vidéo

  • Sélectionner et copier l’adresse URL de la vidéo que vous souhaitez voir apparaître.


Remarque : Si on enregistre une adresse URL, il faut veiller à ce qu’elle soit valide dans la durée.

Étapes de l’insertion vidéo

  • Dans la partie rédacteur, se mettre en [Modifier l’article].
  • Cliquer dans la marge de gauche sur [Ajouter une vidéo]  :


  • Coller l’adresse URL de la vidéo récupérée précédemment dans le champ Adresse de la vidéo :


  • Cliquer sur le bouton [Ajouter la vidéo].
  • Repérer/copier le numéro de la vidéo (balise entre < >) :


  • [Enregistrer] votre article, puis à nouveau [Modifier l’article].

Utilisation du modèle SPIP vidéo

Maintenant que la vidéo désirée est liée à notre article, nous allons l’intégrer à l’aide du modèle SPIP :

  • Cliquer sur le menu déroulant [Modèles SPIP] et choisir [video]


  • Insérer dans le champ [Identifiant du modèle vidéo] la balise copiée précédemment :


Deux paramètres sont alors possible pour votre vidéo :

  • Soit [Pleine Largeur], la vidéo prendra alors toute la largeur de l’article.
  • Soit [Largeur Fixe], qui vous permet de définir une valeur en pixels.


Préférez plutôt ce mode si vous avez du texte ou des commentaires à ajouter à votre article en plus de votre vidéo.

  • Cliquer sur [Ajouter ce paramètre] puis sur [OK]


  • [Enregistrer] l’article.

Votre vidéo apparaît désormais dans votre article : la grande classe !

Remarque : il est important de mettre un chapeau à l’article car pour certaines rubriques présentant principalement des vidéos, le chapeau constituera l’explicatif qui figurera en dessous de la vidéo.


Faire démarrer une video à un instant précis

Si vous souhaitez incorporer une video et la faire démarrer au moment que vous souhaitez. Voici la marche à suivre :

  • Faite avancer la video au moment qui vous intéresse et mettez la sur pause, puis cliquez sur partager :
  • Cochez Démarrer à et cliquez sur copier, vous avez maintenant l’adresse url dans votre presse papier, vous pouvez alors l’insérer dans votre site spip