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

De Vulgum Techus
Aller à : Navigation, rechercher
 
(4 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
'''[[Lien court]]''' vers cette page : http://vt.cx/FBvid<br/>
+
<!-- Links checked 10/04/19 -->
'''[[QR code]]''' vers cette page : http://vt.cx/FBvid.qr<br/>
+
[[Catégorie:Facebook]]
<br/>
+
[[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>
 
<html>
<script type="text/javascript"><!--
+
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
google_ad_client = "ca-pub-3341840374417340";
+
<!-- VT2 -->
/* VT2 */
+
<ins class="adsbygoogle"
google_ad_slot = "6349432125";
+
    style="display:inline-block;width:468px;height:60px"
google_ad_width = 468;
+
    data-ad-client="ca-pub-3341840374417340"
google_ad_height = 60;
+
    data-ad-slot="6349432125"></ins>
//-->
+
<script>
</script>
+
(adsbygoogle = window.adsbygoogle || []).push({});
<script type="text/javascript"
+
</script></html>
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+
</script>
+
</html>
+
<br/>
+
  
 
= Mots clé =
 
= Mots clé =
* Embarquer une '''[[vidéo]] [[Facebook]]''' dans un '''[[site]]'''
+
* [[Embarquer une vidéo Facebook dans un site]]
* Code pour inclure une '''[[vidéo]] [[Facebook]]''' dans un '''[[blog]]'''
+
* [[Code pour inclure une vidéo Facebook dans un blog]]
* Embed a '''[[Facebook]] [[video]]'''
+
* [[Embed a Facebook video]]
  
 
= Présentation =
 
= Présentation =
Ligne 35 : 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>
 
<object width="400" height="224" >
 
<param name="allowfullscreen" value="true" />
 
<param name="allowscriptaccess" value="always" />
 
<param name="movie" value="https://www.facebook.com/v/10153096677201473" />
 
<embed src="https://www.facebook.com/v/10153096677201473" type="application/x-shockwave-flash" 
 
  allowscriptaccess="always" allowfullscreen="true" width="400" height="224">
 
</embed>
 
</object>
 
 
</html>
 
</html>
  

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