Leçon 4 pour les poch - Insérer de la vidéo dans vos billets de blogues

Pour insérer une vidéo dans un billet de blogue

2 cas de figures se présentent :

• vous souhaitez inséser une vidéo d'un site distant tel dailymotion, youtube, googlevidéo ou tout autre objet flash qui embarque son player vidéo: dans ce cas suivez la solution technique 1
• vous souhaitez inséser de la musique deezer avec son player dans un contenu (billet de blogue, commentaires) : dans ce cas suivez la solution 2
• ou vous diposez d'une vidéo personnelle sur votre disque dur au format (mpg, avi..) dans ce cas, suivez la solution technique 3

Solution 1 : insérer une vidéo  dailymotion, youtube, googlevidéo ... dans un contenu (billet de blogue, audio, commentaire...)

Pour insérer une vidéo provenant de dailymotion, youtube ou googlevideo, il faut copier/coller le code  que vous indique le site (dans le menu de la vidéo - Exporter - ou lecteur exportable )  : En général, celui-ci ressemble à quelque chose comme :

<div><object width="420" height="339"><param name="movie" value="http://www.dailymotion.com/swf/x7r2k1" [1] /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed src="http://www.dailymotion.com/swf/x7r2k1" [1] type="application/x-shockwave-flash" width="420" height="339" allowFullScreen="true" allowScriptAccess="always"></embed></object><br /><b><a href="http://www.dailymotion.com/swf/x7r2k1">Rone-Spanish [2] Breakfast</a></b><br /><i>par <a href="http://www.dailymotion.com/koukalocka">koukalocka</a></i></div> [3]

Sur Youtube, il y a un lien "Insérer cette vidéo sur un site"

 <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Yukdsl5O7AI&hl=fr&fs=1"></param><param [4] name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Yukdsl5O7AI&hl=fr&fs=1" [5] type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Faites-en alors un copier/coller, puis rentrer en mode "Edition HTML" en cliquant sur le bouton HTML de l'éditeur graphique,  et coller le code à l'endroit souhaité, puis enregistrer en cliquant sur "Update" :

Solution 2 : insérer de la musique deezer dans un billet de blogue ou un commentaire

 Il faut utiliser la même technique pour le player de musique DEEZER [6] si vous souhaitez intégrer de la musique sur votre site. Rendez-vous sur deezer.com, et puis copier/coller le code du "Lecteur exportable" qui ressemble à

<div style="width:220px;height:55px;"><object width="220" height="55"><param name="movie" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=639740&colorBa... [7] src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=639740&colorBa... [8] type="application/x-shockwave-flash" width="220" height="55"></embed></object><br><font size='1' color ='#000000'>D&eacute;couvrez <a href='http://www.deezer.com/fr/eli-paperboy-reed-and-the-true-loves.html [9]'>Eli "Paperboy" Reed and The True Loves</a>!</font></div>

Copier/coller ce code toujours en mode Edition HTML .

IMPORTANT : ne vous inquiétez pas, si vous ne voyez rien se passer, une fois que vous êtes sorti du mode HTML en ayant enregistrer (Update) , la vidéo ou lle lecteur appaitra seulement  lorsque vous aurez publier votre billet, et pas en mode édition.

Solution 3 : insérer une vidéo  personnelle de votre dur à uploader dans votre billet

Vous disposez sur votre disque dur de la vidéo au format (mpeg, avi, wmv...).  Dans ce cas, utilisez dans le formulaire de publication de votre billet de blogue,dans la section "Video Upload" le champ "Attacher un nouveau fichier" qui se trouve sous l'éditeur graphique du corps de texte. Appuyer sur "Parcourir" et sélectionnez la vidéo de votre disque dur, puis cliquez sur "Attacher".Soyez patient, le temps que la vidéo soit complètement uploader ou charger sur le site de poch. Une fois le chargement effectué, vous verrez apparaître ceci :

 Vous pouvez uploader plusieurs vidéos au sein d'un même billet de blogue.

Une fois le chargement de toutes les vidéos effectué, il faut les afficher et les appeler depuis votre corps de billet. Pour cela, il faut rajouter le code [video: index=0: autostart=false] dans le corps de texte de votre billet  pour appeler la première vidéo. index=1 appelera la deuxième  vidéo et ainsi de suite... Si vous n'avez uploader qu'une seule vidéo, entrez seulement le code :  [video: index=0: autostart=false]

Attention à la syntaxe du code entre crochet !! elle doit être fidèle à l'exemple avec les : pour séparer les champs, pour que tout fonctionne bien

Ensuite, publier "Soumettre" votre billet et le site se chargera de transformer automatiquement les vidéos en format flash et l'inserera dans votre billet à l'endroit spécifié par le code entre crochet [video...]. Vous verrez ensuite normalement apparaitre vos vidéos comme ceci :

 A vous de jouer ! et rendez-vous dans la prochaine Leçon pour les poch