Mettre une vidéo Facebook dans un site Internet : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
(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é

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>

Commentaires

blog comments powered by Disqus