Mettre une vidéo Facebook dans un site Internet : Différence entre versions
De Vulgum Techus
| Ligne 35 : | Ligne 35 : | ||
<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 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=10153096677201473" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/video.php?v=10153096677201473">Post</a></div></div> | <div class="fb-post" data-href="https://www.facebook.com/video.php?v=10153096677201473" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/video.php?v=10153096677201473">Post</a></div></div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</html> | </html> | ||
Version du 28 janvier 2015 à 23:32
Lien court vers cette page : http://vt.cx/FBvid
QR code vers cette page : http://vt.cx/FBvid.qr
Mots clé
- Embarquer une vidéo Facebook dans un site
- Code pour inclure une vidéo Facebook dans un blog
- Embed a Facebook video
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>
