Mettre une vidéo Facebook dans un site Internet : Différence entre versions
De Vulgum Techus
(→Procédure) |
|||
(9 révisions intermédiaires par un utilisateur sont masquées) | |||
Ligne 1 : | Ligne 1 : | ||
+ | <!-- Links checked 10/04/19 --> | ||
+ | [[Catégorie:Facebook]] | ||
+ | [[Catégorie:Sites Internet]] | ||
+ | [[Catégorie:Vidéo]] | ||
+ | '''[[Lien court]]''' vers cette page : https://vt.cx/FBvid | ||
+ | '''[[QR code]]''' vers cette page : https://vt.cx/FBvid.qr | ||
+ | <html> | ||
+ | <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | ||
+ | <!-- VT2 --> | ||
+ | <ins class="adsbygoogle" | ||
+ | style="display:inline-block;width:468px;height:60px" | ||
+ | data-ad-client="ca-pub-3341840374417340" | ||
+ | data-ad-slot="6349432125"></ins> | ||
+ | <script> | ||
+ | (adsbygoogle = window.adsbygoogle || []).push({}); | ||
+ | </script></html> | ||
+ | |||
+ | = 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 = | = 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. | 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. | ||
Ligne 12 : | Ligne 34 : | ||
<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> | ||
+ | |||
+ | = Commentaires = | ||
+ | {{#widget:DISQUS | ||
+ | |id=vulgumtechus | ||
+ | }} |
Version actuelle en date du 10 avril 2019 à 15:53
Lien court vers cette page : https://vt.cx/FBvid QR code vers cette page : https://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>