web-dev-qa-db-fra.com

Comment lire automatiquement les vidéos Facebook intégrées?

Cette page montre comment créer le code d'intégration de toute vidéo Facebook afin de l'intégrer à des sites Web externes.

Est-il possible de démarrer la lecture automatiquement au chargement de la page?

facebookvideo
9
MotoTribe

Le meilleur moyen pour moi consiste à utiliser l'URL de Facebook comme ceci: https://www.facebook.com/v2.3/plugins/video.php?allowfullscreen=true&autoplay=true&container_width=800&href=https%3A%2F% 2Fwww.facebook.com% 2Fredbull% 2Fvideos% 2F10155801793140352% 2F & locale = en_US & sdk = joey

C'est mieux que l'URL intégrée. La vidéo tient dans la fenêtre, vous pouvez contrôler la lecture automatique avec une chaîne de requête/param.

6
Estevão Lucas

Malheureusement pour vous Les politiques de Facebook interdisez la lecture automatique du contenu (dieu merci). 

J'ai essayé de retrouver le document de politique mais il a été noyé dans le bruit de SERPS de personnes qui parlent de son interdiction sur Facebook! Vous pouvez trouver des questions qui soutiennent cette notion sur StackOverflow et WebApps .

StackOverflow est le canal de support des développeurs Facebook officiel afin que leurs utilisateurs puissent en savoir plus sur le sujet. 

Il est également possible qu'un certain jQuery puisse simuler le clic, mais Facebook met à jour son code si souvent que je doute qu'un piratage dure longtemps.

La meilleure réponse est d'utiliser YouTube ou un autre canal qui vous permet de partager en dehors de leur réseau. Ne comptez pas sur une solution de hacky pour un réseau qui n'est clairement pas intéressé par le partage de vidéos au-delà de ses propres frontières.

Les utilisateurs peuvent facilement modifier les paramètres de confidentialité de leurs vidéos, et Facebook tentera probablement de perturber la possibilité d'incorporer leur contenu si cela devient une opération courante. 

6
toomanyairmiles

Depuis le dernier kit de développement logiciel Facebook, vous pouvez lire automatiquement les vidéos en ajoutant data-autoplay = "true" à la balise div du code intégré.

Référence: https://developers.facebook.com/docs/plugins/embedded-video-player

Je viens d’appliquer cela sur mon propre projet et cela fonctionne, mais pour le moment, il ne jouera que passivement (en mode sourdine). C'est une expérience similaire à celle que vous verriez si vous parcouriez votre fil d'actualités sur Facebook. L'utilisateur doit réactiver manuellement la vidéo.

J'espère que ça aide. 

3
Warren Wang

Pour Youtube, ajoutez &autoplay=1

L'URL de lecture automatique est:

http://www.youtube.com/v/xxx&autoplay=1

Ce qui précède fonctionne pour Youtube, mais Facebook est un peu différent:

Dans la partie intégrée du code permettant la lecture automatique de la vidéo sur votre site, ajoutez le paramètre suivant:

<param name="autoplay" value="true">

Cette méthode fonctionne également sur d'autres sites, principalement ceux qui utilisent un lecteur vidéo basé sur Flash.

3
Justin Pearce

Les réponses ici sont légèrement obsolètes, il suffit donc d'avoir la réponse mise à jour, vous pouvez voir le Documentation Facebook pour tous les détails.

TL; DR:

Voici comment intégrer une vidéo de Facebook:

<html>
<head>
  <title>Your Website Title</title> 
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <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/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your embedded video player code -->
  <div class="fb-video" data-href="https://www.facebook.com/facebook/videos/10153231379946729/" data-width="500" data-show-text="false">
    <div class="fb-xfbml-parse-ignore">
      <blockquote cite="https://www.facebook.com/facebook/videos/10153231379946729/">
        <a href="https://www.facebook.com/facebook/videos/10153231379946729/">How to Share With Just Friends</a>
        <p>How to share with just friends.</p>
        Posted by <a href="https://www.facebook.com/facebook/">Facebook</a> on Friday, December 5, 2014
      </blockquote>
    </div>
  </div>

</body>
</html>

La balise html suivante vous permet de définir l'autoplay sur true: 

<div class="fb-video" data-href="<video-post-url>" data-autoplay="true">

La valeur par défaut pour data-autoplay est bien sûr false.

0
yotammanor

waitforclick

Indique s'il faut lire automatiquement l'objet Flash (false) lorsqu'il est autorisé. False ne fonctionne pas dans les profils pour des raisons de sécurité et d'esthétique, Sauf après un appel AJAX. La valeur par défaut est true

https://developers.facebook.com/docs/reference/fbml/swf/

Vous devez changer le code d'exemple du bas vers la vidéo facebook, comme dans le lien que vous avez expliqué.

Je n'ai pas essayé, mais peut-être que ça aide

cordialement

0
Denny Mueller

Comme je n'ai pas d'identifiant vidéo, je ne peux pas le tester, mais l'ajout d'un paramètre "play" ou "autoplay" peut fonctionner:

<object width="400" height="224" >
 <param name="allowfullscreen" value="true" />
 <param name="allowscriptaccess" value="always" />
 <param name="movie" value="http://www.facebook.com/v/xxx" />
 <param name="autoplay" value="true" />
 <embed src="http://www.facebook.com/v/xxx" type="application/x-shockwave-flash"
   allowscriptaccess="always" allowfullscreen="true" width="400" height="224" autoplay="true">
 </embed>
</object>
0
user2428118