Voir la source de Intégrer une vidéo Facebook sur un site

<!-- Links checked 15/10/18 -->
[[Catégorie:Facebook]]
[[Catégorie:Sites Internet]]
[[Catégorie:Vidéo]]
 '''[[Lien court]]''' vers cette page : https://vt.cx/IvFs
 '''[[QR code]]''' vers cette page : https://vt.cx/IvFs.qr
<html>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3341840374417340";
/* VT2 */
google_ad_slot = "6349432125";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</html>

= Mots-clé =
* [[Intrégration d'une vidéo Facebook dans un site Internet]]
* [[Facebook video embedding]]

= Présentation =
Dans sa conquête du '''[[web]] [[Facebook]]''' est devenu l'un des plus gros hébergeur de '''[[vidéos]]''' qui soit. S'il ne présente pas la même interface que '''[[YouTube]]''' il offre un certains nombre de fonctions communes comme l''''intégration''' ou '''embedding''' qui permet d'intégrer une vidéo public dans un '''[[site]]''' tiers. Ceci se fait assez facilement comme expliqué ici.

= Procédure =
La méthode ne nécessite qu'un nombre limitée de manipulation à savoir :
# choisir la '''[[vidéo]]'''
# obtenir son '''code d'intégration'''
# intégrer le '''code''' dans celui de la page support
Si les points '''1''' et '''3''' dépendent de chaque utilisateur, le point '''2''' est le seul qui mérite d'être ici détaillé car il est commun à toutes les '''[[vidéos]] [[Facebook]]'''.
* Ouvrir le menu déroulant de la '''[[vidéo]]''' publiée sur '''[[Facebook]]'''
* Choisir '''Intégrer la vidéo'''
* Récupérer le code d'intégration dans le popup qui s'ouvre alors
* Le code est sous la forme suivante :
 <nowiki><div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;</nowiki>
 <nowiki>js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script></nowiki>
 <nowiki><div class="fb-video" data-allowfullscreen="1" data-href="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/"><div class="fb-xfbml-parse-ignore"></nowiki>
 <nowiki><blockquote cite="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/"><a href="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/">extrait de l&#039;</nowiki>
 <nowiki>émission de ce soir ...</a><p>Ce soir, 19h45 ... pour donner la pêche !!!!</p>Posté par <a href="https://www.facebook.com/coutequecoute.RTL/">Coûte que coûte -</nowiki>
 <nowiki>RTL TVI</a> sur mercredi 9 décembre 2015</blockquote></div></div></nowiki>
* La partie '''<blockquote ... </blockquote>''' peut être supprimé ce qui donne alors
 <nowiki><div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;</nowiki>
 <nowiki>js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script></nowiki>
 <nowiki><div class="fb-video" data-allowfullscreen="1" data-href="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/"><div class="fb-xfbml-parse-ignore"></nowiki>
 <nowiki></div></div></nowiki>

= Articles [[Vulgum Techus]] =
* [[Télécharger une vidéo Facebook]]

= Commentaires =
{{#widget:DISQUS
|id=vulgumtechus
}}