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, 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é…

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…

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.

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.

É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…

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…

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 :

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.

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

Une ligne de code apparait dans votre article comme ceci :

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

Nous allons voir aujourd’hui comment ajouter un cadre personnalisé à vos vidéos…sans plugin bien entendu.

Et par la même occasion, réviser la technique du roulage des Californias Rolls la plus simple et la plus rapide à mon avis

Allez au boulot !

Faites comme d’hab, importez votre vidéo dans un nouvel article…

Repérez ensuite les dimensions de cette vidéo pour réaliser son habillage…dans cet exemple la vidéo fait 405 x 314 px je vais donc créer un cadre légèrement plus grand…logique.

Le voici :

Il fait 435 x 340 je l’ai fait un peu au pif, puisqu’ensuite nous allons centrer la vidéo sur ce cadre via la feuille de style.

Voici donc le bloc que vous devez ajouter dans votre feuille de style :

.vidéo {
background: url("http://www.Adressedevotrecadre.jpg") no-repeat;
width: 435px;
height: 340px;
text-align: center;
padding: 15px 0px 0px 0px;
margin: 0 auto;
}

Une fois que vous avez créer avec Photofiltre votre fond ou bien récupéré n’importe quelle image, vous devez l’héberger pour en récupérer l’adresse, puis la coller dans le bloc de code ci-dessus (en bleu).

Il restera ensuite à faire quelques petits réglages pour centrer votre vidéo sur le fond de votre cadre en jouant avec la ligne : padding: 15px 0px 0px 0px;

Mais pour que cela soit possible il faut ajouter au script de la vidéo (dans votre message en mode html) une balise qui rendra tout ça possible, voici le script de notre vidéo avant modification :

<object width="405" height="314" data="http://www.youtube.com/v/qndZKzNHpwc&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/qndZKzNHpwc&amp;hl=en&amp;fs=1" /></object>

Nous allons ajouter cette balise :

<p class=”vidéo”> au début du script et la balise </p> à la fin pour refermer le tout.

Ce qui donnera ceci :

<object width="405" height="314" data="http://www.youtube.com/v/qndZKzNHpwc&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/qndZKzNHpwc&amp;hl=en&amp;fs=1" /></object>

Voyez c’est tout bête…la balise <p class=”vidéo”></p> permet d’appeler le cadre qui se trouve dans la feuille de style.

Désormais à chaque fois que vous voudrez insérer une vidéo dans un message vous n’aurez qu’à ajouter la balise au script de votre vidéo pour faire apparaitre son cadre.

Rien ne vous empêche de créer plusieurs cadres, il suffit d’ajouter un nouveau bloc dans votre feuille de style comme ceci :

.vidéo2 {
background: url("http://www.Adressedevotrecadre.jpg") no-repeat;
width: 435px;
height: 340px;
text-align: center;
padding: 15px 0px 0px 0px;
margin: 0 auto;
}

Et d’ajouter aussi le 2 à la balise comme ceci : <p class=”vidéo2“></p>

Je viens tout juste de faire cette trouvaille, alors comme c’est Noël, je me suis dit que je ne pouvais pas vous faire attendre !!!

Si vous n’avez pas le moral ne cliquez pas sur Play

Allez sur ce site : http://www.cliptomp3.eu/ et suivez le guide

*Mais attention, comme vous devez le savoir les clips vidéo d’artistes sont protégés par des droits d’auteur, dans cet exemple le morceau de James Blunt que je télécharge est déjà en ma possession, je l’ai eu en cadeau à Noël

Une fois sur le site, lancez une recherche en tapant le nom de l’artiste dans la case blanche en haut à gauche puis faites Go.

Une liste de clips disponibles s’affiche avec le nombre de pages, cliquez sur une vignette pour lancer le clip à la lecture, ensuite pour extraire la bande son, cliquez sur CliptoMp3.

L’extraction commence, lorsque c’est terminé cliquez sur Download pour télécharger le Mp3 sur votre PC.

Pour récupérer la bande son d’une de vos vidéos de famille, vous devez récupérer le Permalien de votre vidéo qui se trouve sur votre compte Daylimotion ou Youtube.

Cliquant sur votre vidéo pour faire apparaitre le Permalien en dessous.

http://www.dailymotion.com/video/x7rnxe_une-balade-en-corse_lifestyle

Collez ce lien dans la barre recherche comme si vous cherchiez un artiste et votre vidéo sera importée.

Vous n’avez plus qu’à cliquez sur Download et hop !

*Rappel :

Quand je veux faire un montage vidéo avec Movie Maker par exemple, le format de vidéo de mon appareil photo numérique (.mov) n’est pas pris en charge, ni celui de mon caméscope d’ailleurs (.vob) !

Alors j’ai pas mal chercher dans les forums une solution simple et gratuite…et c’est pas une mince affaire !

Vous avez bien ce convertisseur en ligne qui est pas mal et pratique pour ceux qui ne veulent rien télécharger ou installer sur leur pc, mais ça marche pas à tous les coups, donc c’est pas très fiable…

En cherchant si il y avait moyen de trouver un logiciel qui pouvait “couper” une zone dans une vidéo .mov, je suis arrivée sur Quick time pro, mais c’est payant…donc demi-tour !

C’est la que j’ai vu dans la liste des convertisseurs à télécharger, sur le site Télécharger.com ou je fais quasiment tous mes téléchargements, le logiciel : Free Video Converter

Comme son nom l’indique, il est gratuit…ce qui est plutôt une bonne nouvelle, ensuite il est en français…ça aussi c’est pas négligeable, il suffit de sélectionner la langue lors de l’installation…il est compatible avec Windows Vista, et bien sur, il converti les vidéos en pas mal de formats :

AVI, MP4, iPod, PSP, 3GP, Zune, iPhone, FLV, QuickTime, Mpeg, etc.

Je viens d’ailleurs de convertir une vidéo de 81Mo du format mov au format avi en quelques minutes.

Ce qui m’a permis de l’ouvrir dans Movie Maker et d’enlever un passage qui n’était pas jojo…(Genre des chausseurs qui sèchent sur le radiateur en arrière plan).

Voici comment l’utiliser :

Ouvrez Free Vidéo Converter, puis cliquez sur Ajouter Fichiers dans la barre des tâches en haut à gauche, votre vidéo apparait sur la première ligne.

Vous devez choisir dans l’onglet Format de sortie le format désiré pour la conversion, puis sélectionner un dossier pour l’enregistrement de cette nouvelle vidéo dans l’onglet Chemin de sortie.

Il ne vous reste plus qu’à cliquer sur Convertir et c’est parti !

Votre vidéo sera converti dans le dossier choisi en quelques minutes…c’est très rapide.

Des sites vraiment pratique pour héberger nos vidéos faut bien le dire….

Mais il vous est surement déjà arrivé de visionner une vidéo et de vous dire, que vous aimeriez bien la rapatrier chez vous…

Et bien c’est possible, suivez le guide…

Alors je précise que ce tuto s’adresse aux utilisateurs de Firefox…pour ceux qui utilisent encore le vieil Explorer…et bien, c’est le moment d’en changer !

Commencez par installer l’extension DownloadHelper pour votre navigateur Firefox.

Une fois installé vous devez redémarrer Firefox pour finaliser l’installation.

Ensuite vous aurez besoin d’un tout petit Player pour visionner les vidéos téléchargées.

Vous le trouverez ici.

Voilà…vous être prêt !

Rendez-vous sur Daylimotion par exemple, choisissez la vidéo que vous voulez télécharger puis cliquez droit sur le côté gauche de la vidéo pour faire apparaitre un menu.

Choisissez dans la liste DownloadHelper puis tout en bas se trouve en général la vidéo avec l’extension .flv

Cliquez dessus pour ouvrir la fenêtre de téléchargement et cliquez sur Enregistrer.

Même principe sur YouTube…

Voilà…quelques secondes plus tard la vidéo est sur votre pc.

Vous n’avez plus qu’à l’ouvrir en double cliquant sur l’icône FLV.

Pour fermer le player faites un clic droit sur la fenêtre et sélectionnez Close.

Rompez !