Modèle SPIP pour intégrer des vidéos YouTube
Écrit le 8 avril 2026 - 23 vues
J’ai conçu un modèle SPIP simple et efficace pour intégrer des vidéos YouTube sans contrainte technique. Il garantit un affichage responsive, propre et respectueux des standards actuels.
L’intégration de vidéos est devenue essentielle dans un site éditorial. Pour répondre à ce besoin, j’ai conçu le modèle video_player.html, qui permet d’insérer des vidéos YouTube de manière propre, responsive et sans surcharge visuelle. Voici comment l’utiliser.
Installation du modèle
Pour que SPIP reconnaisse le modèle, je place le fichier à cet emplacement :
squelettes/modeles/video_player.html
Une fois installé, il est immédiatement opérationnel dans mes articles.
Utilisation de base avec YouTube
J’insère une vidéo directement dans le texte grâce à une balise simple.
Avec une URL complète :
<video_player|id=https://www.youtube.com/watch?v=dQw4w9WgXcQ>
Avec un identifiant de vidéo :
<video_player|id=dQw4w9WgXcQ>
Le modèle détecte automatiquement le format fourni et s’adapte sans configuration supplémentaire.
Paramètres disponibles
J’ai prévu plusieurs paramètres pour ajuster l’affichage selon mes besoins :
- id : URL YouTube ou identifiant (obligatoire)
- largeur : largeur en pixels (600 par défaut)
- hauteur : calculée automatiquement (ratio 16:9)
Fonctionnalités avancées
Ratio automatique (16:9)
Lorsque je modifie la largeur, la hauteur est recalculée automatiquement pour conserver un format vidéo optimal.
Exemple :
<video_player|id=dQw4w9WgXcQ|largeur=800>
La hauteur sera ajustée à 450 px.
Design responsive
La vidéo s’adapte automatiquement à la taille de l’écran. Sur mobile et tablette, elle reste lisible et proportionnée, tout en respectant la largeur maximale définie.
Design épuré
J’ai volontairement choisi un rendu minimaliste :
- Aucun arrondi sur les angles
- Pas d’ombres ni d’effets superflus
- Intégration discrète dans le contenu éditorial
Respect de la vie privée
Le modèle utilise le domaine youtube-nocookie.com, ce qui limite le dépôt de cookies et améliore la protection des visiteurs.
Exemples d’utilisation
Ici réduit a 400px
Conclusion
Avec ce modèle, je dispose d’une solution simple et fiable pour intégrer des vidéos YouTube dans SPIP. Il me permet de garder un rendu propre, cohérent et performant, tout en restant facile à utiliser au quotidien.
⚠️ ATTENTION : Contenu basé sur des expérimentations, pas sur des pratiques professionnelles validées. Peut contenir des erreurs ou des choix discutables. Testez, adaptez et vérifiez avant toute mise en production.
À bientôt, ici ou ailleurs !
Chrys