jeudi 29 juillet 2010

Intégrer une vidéo facebook sur son blog





Un ami m'a posé la question "comment intégrer une vidéo facebook sur un blog?", alors je lui réponds ici pour faire profiter tout ceux qui cherchent à le faire :)
Vous avez une vidéo sur facebook et vous voulez la partager sur votre blog ou site (Attention toutefois aux paramètres de confidentialités, la vidéo doit être public pour être visualisée par tout le monde). D'abord, il vous faudrait récupérer l'adresse de la vidéo. Cliquez sur son titre pour vous rendre sur une page avec l'url (dans la barre d'adresse) de la forme suivante :

1. Ajouter manuellement le code :

Ce qui nous intéresse dans cette url c'est les numéros en rouge.
Copiez maintenant le code suivant dans l'article que vous voulez lui ajouter la vidéo (choisissez l'onglet modifier le code HTML de l'éditeur des messages si vous êtes sous Blogger) :

<center><object height="350" width="425">
<param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="movie" value="http://www.facebook.com/v/XXX">
<embed src="http://www.facebook.com/v/XXX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="350" width="425"></embed></object></center>

Maintenant, vous n'avez qu'à remplacer les XXX du code par les numéros que j'ai mis en rouge dans l'url de votre vidéo (pour cet exemple ça sera 1246276977059)
Voilà le résultat que j'obtiens :



Pour changer les dimensions du lecteur, vous pouvez changer dans votre code les paramètres height="350" et width="425" en leur spécifiant les valeurs qui vous conviennent. Les balises <center> </center> permettent de centrer la vidéo dans votre article.

2. Générateur de code :

Il vous suffit de copier l'url obtenue pécédement dans le champ URL de la vidéo, changer les dimensions du lecteur si vous voulez et cliquer sur le bouton "générer le code". Vous obtiendrez finalement le code de votre vidéo.


URL de la vidéo

Largeur du player :

Hauteur du player :




- Nawras - Générateur V2

Remarque : Utilisation d'un plugin pour firefox


Pour ceux qui utilisent firefox comme navigateur, ils peuvent utiliser le plugin Facebook Video 2.2.1 qui propose pour chaque vidéo sur facebook un bouton permettant de l'exporter sur un site (et de la télécharger aussi).


Partagez cet article sur vos réseaux sociaux :



Recevez les nouveautés par email

3 commentaires:

lina ben Mhenni a dit…

Merci. C 'est génial

lemjid a dit…

Bonjour à tous ,
C 'est très bien :)
maintenant j'ai 4 vidéos que je viens de l'ajouter
sur mon qui est en cours de construction et je cherche comment je peut en premier lieu utiliser le même lecteur de vidéo que Facebook pour que je puisse le le partage directement (pour info les vidéos ne sont pas partage sur Facebook et notre but est de le partager à partir de mon site directement).
C'est comme dans ce site :: http://www.accrovideo.com/buzz/1015-starleague-film-starcraft.html

bonne journée

Nawras a dit…

Bonjour Lemjid :)
Alors pour ta question : sur le site que t'as mentionné, ce n'est pas le lecteur facebook qui est utilisé, ni des vidéos hébergées sur facebook, effectivement. C'est tout simplement le lecteur Jwplayer qui a intégré la possibilité de partager directement une vidéo sur facebook!
Je t'oriente vers ce site qui explique la méthode utilisée et les instructions de sa mise en place :)

Sélectionnez les signes à côté du smiley à insérer dans votre commentaire

:)) ;)) ;;) :X :(( =(( :-o :-* :| :)] :-t
b-( :-L :-/ o_O :D ;) :p :) :( 8-) ^^

Enregistrer un commentaire

Related Posts with Thumbnails