Intégrer une vidéo Facebook sur un site : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
(Page créée avec « = Présentation = Dans sa conquête du web Facebook''' est devenu l'un des plus gros hébergeur de '''vidéos''' qui soit. S'il ne présente pas la même inter... »)
 
(Procédure)
 
(9 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
 +
<!-- Links checked 15/10/18 -->
 +
[[Catégorie:Facebook]]
 +
[[Catégorie:Sites Internet]]
 +
[[Catégorie:Vidéo]]
 +
'''[[Lien court]]''' vers cette page : https://vt.cx/IvFs
 +
'''[[QR code]]''' vers cette page : https://vt.cx/IvFs.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é =
 +
* [[Intrégration d'une vidéo Facebook dans un site Internet]]
 +
* [[Facebook video embedding]]
 +
 
= Présentation =
 
= Présentation =
Dans sa conquête du [[web]] [[Facebook]]''' est devenu l'un des plus gros hébergeur de '''[[vidéos]]''' qui soit. S'il ne présente pas la même interface que '''[[YouTube]]''' il offre un certains nombre de fonctions communes comme l''''intégration''' ou '''embedding''' qui permet d'intégrer une vidéo public dans un '''[[site]]''' tiers. Ceci se fait assez facilement comme expliqué ici.
+
Dans sa conquête du '''[[web]] [[Facebook]]''' est devenu l'un des plus gros hébergeur de '''[[vidéos]]''' qui soit. S'il ne présente pas la même interface que '''[[YouTube]]''' il offre un certains nombre de fonctions communes comme l'intégration ou embedding qui permet d'intégrer une vidéo public dans un '''[[site]]''' tiers. Ceci se fait assez facilement comme expliqué ici.
  
 
= Procédure =
 
= Procédure =
Ligne 7 : Ligne 29 :
 
# obtenir son code d'intégration
 
# obtenir son code d'intégration
 
# intégrer le code dans celui de la page support
 
# intégrer le code dans celui de la page support
Si les points '''1''' et '''3''' dépendent de chaque utilisateur, le point '''2''' est le seul qui mérite d'être ici détaillé car il est commun à toutes les '''[[vidéos]] [[Facebook]]'''.
+
Si les points 1 et 3 dépendent de chaque utilisateur, le point 2 est le seul qui mérite d'être ici détaillé car il est commun à toutes les vidéos Facebook.
* Ouvrir le menu déroulant de la '''[[vidéo]]''' publiée sur '''[[Facebook]]'''
+
* Ouvrir le menu déroulant de la vidéo publiée sur Facebook
 
* Choisir '''Intégrer la vidéo'''
 
* Choisir '''Intégrer la vidéo'''
 
* Récupérer le code d'intégration dans le popup qui s'ouvre alors
 
* Récupérer le code d'intégration dans le popup qui s'ouvre alors
Ligne 24 : Ligne 46 :
 
  <nowiki></div></div></nowiki>
 
  <nowiki></div></div></nowiki>
  
<html>
+
= Articles [[Vulgum Techus]] =
<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/fr_FR/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-video" data-allowfullscreen="1" data-href="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/"><div class="fb-xfbml-parse-ignore"></div></div>
+
* [[Télécharger une vidéo Facebook]]
</html>
+
 
 +
= Commentaires =
 +
{{#widget:DISQUS
 +
|id=vulgumtechus
 +
}}

Version actuelle en date du 12 mai 2019 à 11:18

Lien court vers cette page : https://vt.cx/IvFs
QR code vers cette page : https://vt.cx/IvFs.qr

Mots-clé

Présentation

Dans sa conquête du web Facebook est devenu l'un des plus gros hébergeur de vidéos qui soit. S'il ne présente pas la même interface que YouTube il offre un certains nombre de fonctions communes comme l'intégration ou embedding qui permet d'intégrer une vidéo public dans un site tiers. Ceci se fait assez facilement comme expliqué ici.

Procédure

La méthode ne nécessite qu'un nombre limitée de manipulation à savoir :

  1. choisir la vidéo
  2. obtenir son code d'intégration
  3. intégrer le code dans celui de la page support

Si les points 1 et 3 dépendent de chaque utilisateur, le point 2 est le seul qui mérite d'être ici détaillé car il est commun à toutes les vidéos Facebook.

  • Ouvrir le menu déroulant de la vidéo publiée sur Facebook
  • Choisir Intégrer la vidéo
  • Récupérer le code d'intégration dans le popup qui s'ouvre alors
  • Le code est sous la forme suivante :
<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/fr_FR/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-video" data-allowfullscreen="1" data-href="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/"><div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/"><a href="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/">extrait de l'
émission de ce soir ...</a><p>Ce soir, 19h45 ... pour donner la pêche !!!!</p>Posté par <a href="https://www.facebook.com/coutequecoute.RTL/">Coûte que coûte -
RTL TVI</a> sur mercredi 9 décembre 2015</blockquote></div></div>
  • La partie <blockquote ... </blockquote> peut être supprimé ce qui donne alors
<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/fr_FR/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-video" data-allowfullscreen="1" data-href="https://www.facebook.com/coutequecoute.RTL/videos/1752710478298941/"><div class="fb-xfbml-parse-ignore">
</div></div>

Articles Vulgum Techus

Commentaires

blog comments powered by Disqus