ARTICLE PLUS ANCIEN |
ARTICLE PLUS RÉCENT |
||
| La mise à jour WordPress 3.0 arrive en mai PRÉPAREZ-VOUS |
Quelle est la meilleure option des permaliens dans un site WordPress? |
Comment ajouter une vidéo dans votre site WordPress
Mots-clefs : Extensions Wordpress, Ted, Vidéos, Vimeo, WordPress.org, YouTube
Vous voulez ajouter des vidéos de YouTube, Vimeo, Reuters et Ted dans votre blogue WordPress? C'est facile. Dans cet article, je partage ma méthode préférée pour ajouter des vidéos dans un article ou une page d'un blogue WordPress. Je vous demande aussi de partager votre méthode pour ajouter une vidéo dans WordPress puisqu'il y en a d'autres, mais je suis attachée à celle décrite dans cet article.
Mise à jour – le 1 octobre 2011 - Mais oui, les choses ont changées chez YouTube: EMBED a été remplacé avec Intégrer. C'est très bien de voir les bons termes en français dans nos outils de travail. Conséquemment, j'ai ajusté quelques images dans cet article pour refléter les changements. J'espère que ça vous aidera mais pour tous les sites de vidéos, le code EMBED ou INTÉGRER - reste le code principale pour l'intégration des vidéos sur un site WordPress.
La règle d'or – le code EMBED ou INTÉGRER
Si vous voyez une vidéo sur le Web et que vous désirez la partager sur votre blogue WordPress, cherchez le code Intégrer du vidéo. Si la vidéo n'a pas de code Intégrerou INTÉGRER, je ne le partage pas puisque je présume que l'auteur n'a pas donné le permission de la partager. Dans YouTube, par exemple, l'usager peut permettre ou interdire le partage de ses vidéos en choisissant une des options EMBED suivantes:
Si la vidéo a un code EMBED – allez-y! Copiez le code EMBED et collez-le dans votre blogue WordPress.
Ajoutez une Vidéo de YouTube
Le code Intégrer n'apparaît pas par lui-même sur YouTube. Il faut maintenant cliquer sur Partager et ensuite sur Intégrer et copiez le code Intégrer:
Dans la nouvelle fenêtre, copiez le code iframe comme dans l'image qui suit:
POUR COPIER
Dans votre PC: Ctrl + C ou le côté droit de votre souris
Dans votre Mac : cmd + C ou le côté droit de votre souris
Retournez à votre article ou page WordPress et collez le code Intégrer dans le HTML de votre article ou page WordPress. Voir HTML sur cette image:
Le vidéo n'apparaîtra pas dans votre Tableau de bord WordPress – vous verrez au lieu une boîte jaune (ou blanche) avec l'icône Flash dans le milieu. Si vous ne voyez pas cette boîte, recommencez!
Comment redimensionner les vidéos
Le code Intégrer de chaque vidéo contient ces données height="434" width="578". Cela veut dire que la vidéo a une hauteur de 434 pixels et une largeur de 578 pixels. Pour redimensionner votre vidéo, il faut réajuster – de façon proportionnelle – ces données. Pour trouver les bonnes dimensions, j'utilise Photoshop.
Les sites pour partager des vidéos sur votre site WordPress
YouTube |
Reuters |
Visitez mon profil YouTube.
|
J'aime bien écouter les nouvelles en vidéos chez Reuters et Reuters permet le partage de ses vidéos avec le code Intégrer. Super! |
Vimeo |
Ted |
Vimeo est un excellent site pour partager et écouter des vidéos. L'utilisateur a le choix d'activer ou désactiver le code EMBED. J'aime Vimeo! |
Ted n'a que des vidéos pour vous! |
Mes questions pour vous
- Quelle méthode utilisez-vous pour ajouter des vidéos sur votre blogue WordPress?
- Utilisez-vous des extensions (plugins) pour ajouter des vidéos? Si oui, lesquelles?
- Quels calculs ou outils utilisez-vous pour redimensionner vos vidéos?
Fil RSS
Écrivez-moi
Diane @ Twitter
Page Officielle Facebook
Diane chez LinkedIn
Diane chez Flickr
Personnellement j’utilise le plugin Viper’s Video Quicktags (http://wordpress.org/extend/plugins/vipers-video-quicktags) sur certains blogs. L’insertion de vidéos est très simple et leur aspect personnalisable.
Sinon, la méthode du embed code me convient aussi très bien et pour ajuster la taille, j’utilise une calculette… (la plupart de mes vidéos sont au format 4/3 donc c’est assez simple).
Joakim
Bonjour Joakim, Je viens de tester l’extension Viper’s Video Quicktags et c’est excellent! Je pense que ça pourrait servir à des clients WordPress débutants ou intermédiaires. C’est plus simple que le code EMBED et ça permet de redimensionner la vidéo sans trop d’effort. Merci infiniment. Diane
Bonjour Diane et Joackim,
Merci pour vos solutions en ce qui concerne l’introduction d’une vidéo dans un post wordpress, j’en profite de l’occasion pour vous félicité pour votre blog que je trouve très professionnelle .
Colin
je veux que que d’autre youtube apparaissent sur mon lecteur apres la fin de la lecture du youtube
que j’ai insere
C’est très simple. Dans YouTube, quand vous cliquez sur « Intégrer » (Embed) sous un vidéo YouTube, assurez-vous de cliquer sur « Inclure les vidéos similaires » dans les options avancées en dessous du code « Intégrer ». Vous ne pourrez pas sélectionner les vidéos à ajouter et le visiteur pourra cliquer sur un petit icone en bas du vidéo pour afficher les vidéos similaires. À la fin du vidéo, d’autres vidéos apparaitront sur le vidéo. Bonne chance.
Merci pour ce billet :-) je cherchais une réponse claire et simple pour intégrer des vidéos!!
Superbe billet … j’ai réussi à intégrer ma 1ere video.
Par contre redimentionner la video pose toujours problème …
merci beaucoup pour ce tuto, pour une fois qu’on trouve une solution simple à un problème dans wordpress ça fait plaisir de voir des gens qui ont à coeur d’aider leurs prochains avec des solution clairement expliquée !!!
Bonjour,
Est-ce que le EMBED code existe encore sur You tube aujourd’hui (octobre 2011)? car je ne retrouve ce code/boutton embed nulle part. Plusieurs training indiquent cette façon de faire mais je me demande si You tube a fait des modifications a son site et a enlevé ces codes. Si pour votre part, vous les voyez toujours, pouvez-vous m’indiquer comment afficher ce boutton « embed » pour que je puisse cliquer dessus et suivre le reste de vos étapes pour insérer une vidéo You tube sur WordPress.
Je vous remercie a l’avance pour votre aide. Je n’ai trouvé cette information nulle part sur le Web jusqu’a présent. Je vous en serais donc très reconnaissante.
Merci
Lucianne, j’ai mis à jour mon article. Oui, le code EMBED a été changé chez YouTube à INTÉGRER. J’explique le tout dans la mise à jour. Merci pour votre commentaire – ça m’a forcée un peu à mettre cet article à jour. Ça fait quand-même plusieurs mois que YouTube a changé ça… Diane
Bonjour,
Je souhaite mettre une vidéo sur mon blog WordPress. Lorsque j’édite mon article, j’arrive à faire tout ce qui faut mais lorsque je fais « mettre à jour » mon code html s’enlève !!! De ce fait je n’arrive pas à poster de vidéos. Pouvez-vous s’il vous plait, m’aider à résoudre ce problème ?
Merci par avance.
Est-ce que votre blogue est hébergé par vous-même ou chez wordpress.com?
Avez-vous cliquer sur « Utiliser l’ancien code d’intégration » comme dans l’image dans mon article?
Ça devrait marcher!
Attention aussi à coller le code dans l’onglet « html » et pas dans « Visuel ».
Bonsoir (ou bonjour…) et merci pour ce post ^^ Je viens de débarquer sur WordPress, et en général en bidouillant je m’en sors, mais je bute sur quelque chose dès mon second article. Et ô miracle, le premier lien explicatif sur lequel je tombe est le bon. C’est rare !
Je garde votre blog au chaud au cas où, c’est clair et bien expliqué, j’aime :)
~aelita
Merci Aelita – contente que cet article t’a aidée! Diane