Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

12 novembre 2010

Insérer des vidéos dans un article avec WordPress

Posté par Demolite - Dans la catégorie Wordpress
Tags : , , ,

Quelle a été ma surprise le jour où j’ai voulu insérer une vidéo dans un de mes articles…

A la place d’une vidéo : un lien tout bidon !

Car en passant par l’icône Ajouter une vidéo dans la barre d’outils sur Wordpress, oui…on obtient un lien…on ne peut pas visionner la vidéo sur l’article…ce qui à mon goût n’est pas terrible terrible, c’est une option qu’il doit y avoir bien sur pour ceux qui le veulent, mais une petite vidéo en direct c’est mieux quand même…

Pour ceux qui ne veulent pas installer de plugin, vous avez la solution de coller un lecteur exportable que vous trouvez maintenant sur un tas de site de vidéos comme Daylimotion, Youtube, Google vidéo etc…

Dans ce cas, il suffit de copier/coller le code du lecteur exportable que vous trouvez sous la vidéo en question, dans votre message en mode html et le tour est joué…

sans_titre_5

Oui, mais…

Cette méthode a ses limites ! c’est très pratique si vous avez l’habitude de prendre les vidéos sur le net, dans ce cas ne changez rien, mais si vous faites des vidéos chez vous et que vous voulez les mettre sur votre blog, vous devez obligatoirement les hébergées sur un de ces sites pour en récupérer le lecteur exportable.

Bien sur si vous savez un peu bidouiller, vous pouvez passez par votre client Ftp et héberger votre vidéo sur votre serveur, puis en récupérer l’adresse que vous insèrerez ensuite dans le code du lecteur exportable en collant l’adresse de votre vidéo dedans…

Oui…mais quelle galère…il y a plus simple quand même !

Alors si vous voulez mettre des vidéos dans vos articles sans vous prendre la tête, il y a vraiment plus simple…Je vous propose d’installer le plugin Embedded Video

Vous pouvez le télécharger ici.

Comme pour n’importe quel plugin, décompressez le fichier zip puis placez le dossier embedded-video-with-link dans Plugins.

http://www.demolitetuto.fr/wp-content/plugins/embedded-video-with-link

Activez le plugin dans votre espace d’administration WordPress dans Extentions.

Lorsque vous ouvrez un nouvel article une icône apparait désormais…

sans_titre_1

Pour insérer une vidéo qui se trouve sur votre ordinateur, cliquez sur l’icône, une fenêtre va s’ouvrir avec plusieurs onglets.

sans_titre_21

Choisissez Upload vidéo, puis Parcourir pour importer votre vidéo, vous pouvez lui donner un titre et une description mais rien ne vous y oblige…

Cliquez sur Upload et patientez quelques secondes, lorsque la vidéo est importée la fenêtre se met sur l’onglet Local vidéo, vous devez sélectionner la vidéo dans la liste et faire Insert.

sans_titre_6

Évidement si c’est la première fois que vous importez une vidéo, il n’y a que la votre ;)   mais pour les fois suivantes, vos anciennes vidéos s’affichent dans la liste, et vous pouvez les mettre dans un article sans avoir de nouveau à les importer, elles restent en mémoire.

Voyons maintenant l’onglet Vidéo URL

sans_titre_31

Vous devez simplement coller l’adresse d’une vidéo dans la case Insert vidéo URL et faire Insert.

L’avantage de cette option, c’est que vous pouvez récupérer le Permalien de n’importe quelle vidéo et afficher cette vidéo avec le lecteur du plugin qui est tout de même plus sympa…

sans_titre_4

Mais surtout il permet un meilleurs affichage de certaines vidéos…

Par exemple dans mon cas, lorsque je fais des tuto en vidéo, il est impossible d’héberger mes vidéos sur des sites comme Daylimotion, Youtube, Google vidéo etc… mes vidéos sont floues, pas moyen de faire de réglages même dans le menu du lecteur, et le mode plein écran est une catastrophe.

En collant l’url de mes vidéos dans Vidéo URL, mes vidéos s’affichent correctement.

Pour récupérer l’adresse (url) d’une vidéo vous devez l’héberger sur votre serveur (ftp), voici comment faire :

sans_titre_7

Dans la partie de gauche, ouvrez le dossier qui contient votre vidéo et sélectionnez-la, dans la partie de droite ouvrez le dossier Upload (où sont tous les fichiers de votre blog) puis créer un dossier Vidéos, ça sera plus facile par la suite pour retrouver vos vidéos…

Sélectionner le dossier Vidéos puis cliquez sur la flèche pour envoyer votre vidéo dans la partie de droite.

Pour récupérer son adresse (url), cliquez droit sur votre vidéo qui se trouve maintenant dans la partie de droite (ce qui veut dire qu’elle est hébergée sur votre serveur) puis Copiez l’URL et sur HTTP.

sans_titre_8

Collez l’adresse dans Insert vidéo URL puis Insert et c’est tout !

sans_titre_31

Une ligne de code apparait dans votre article comme ceci :

[local / wp-content/ uploads / 2009 / 04/ leo-dance-1.mpg]

Si vous faites un aperçu de votre article, vous pourrez vérifier que votre vidéo s’affiche bien…


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41