Mettre une vidéo Facebook dans un site Internet : Différence entre versions
De Vulgum Techus
(Page créée avec « = Présentation = Les '''vidéos''' sur '''Facebook''' sont variées et nombreuses mais il n'est pas toujours simple de pouvoir les afficher sur un '''site''' ... ») |
(→Procédure) |
||
| Ligne 3 : | Ligne 3 : | ||
= Procédure = | = Procédure = | ||
| − | + | Dans le cas d'une '''[[vidéo]]''', le lien est sous la forme suivante : | |
| + | https://www.facebook.com/video.php?v=10153096677201473 où ce qui suit '''v=''' est l'identifiant de la vidéo | ||
| + | En l'intégrant dans le code qui suit en lieu et place des '''xxxxxxx''' et en intégrant le code dans la page '''[[html]]''' du site, on obtient ce qui s'affiche plus bas | ||
| + | <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; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> | ||
| + | <div class="fb-post" data-href="https://www.facebook.com/video.php?v=xxxxxxx" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/video.php?v=xxxxxxx">Post</a></div></div></nowiki> | ||
<html> | <html> | ||
Version du 29 janvier 2015 à 00:18
Présentation
Les vidéos sur Facebook sont variées et nombreuses mais il n'est pas toujours simple de pouvoir les afficher sur un site ou un forum tiers quand on ne connait pas la méthode. Cet article y remédie.
Procédure
Dans le cas d'une vidéo, le lien est sous la forme suivante :
https://www.facebook.com/video.php?v=10153096677201473 où ce qui suit v= est l'identifiant de la vidéo
En l'intégrant dans le code qui suit en lieu et place des xxxxxxx et en intégrant le code dans la page html du site, on obtient ce qui s'affiche plus bas
<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; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/video.php?v=xxxxxxx" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/video.php?v=xxxxxxx">Post</a></div></div>
