如何自动播放嵌入式Facebook视频?

时间:2012-05-09 18:33:55

标签: facebook video

page显示了如何为任何Facebook视频创建嵌入代码以将其嵌入外部网站。

有没有办法在页面加载时自动开始播放?

8 个答案:

答案 0 :(得分:7)

对我来说最好的方法是使用这样的Facebook网址: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

它比嵌入式网址更好。视频适合视口,您可以使用查询字符串/参数控制自动播放。

答案 1 :(得分:6)

不幸的是,你Facebook's policies禁止自动播放内容(感谢上帝)。

我试图追查实际的政策文件,但它已被淹没在人们谈论它被禁止在Facebook上的SERPS噪音!您可以在StackOverflowWebApps上找到支持此概念的问题。

StackOverflow是官方Facebook开发人员支持频道,因此他们的用户可能对该主题有更多了解。

也有可能一些奇怪的jQuery可以伪造点击,但是facebook经常更新它的代码,我怀疑任何黑客都会持续很长时间。

最佳答案是使用YouTube或其他允许您在网络外共享的频道。不要依赖于一个hacky解决方案,这个网络显然对视频在其自身边界之外共享不感兴趣。

用户可以轻松更改其视频的隐私设置,Facebook可能会尝试破坏嵌入其内容的能力,如果它成为一种流行的事情。

答案 2 :(得分:3)

对于Youtube,请在用于自动播放视频的网址末尾添加&autoplay=1。例如:

如果要访问该视频的网址是:

http://www.youtube.com/v/xxx

自动播放网址为:

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

以上适用于Youtube,但Facebook有点不同:

在要在您网站上自动播放视频的代码的嵌入部分中添加以下参数:

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

此方法也适用于其他网站,主要是那些使用基于Flash的视频播放器的网站。

答案 3 :(得分:3)

从今天最新的Facebook SDK开始,您可以通过向嵌入代码的div标签添加data-autoplay =“true”来被动地自动播放视频。

参考:https://developers.facebook.com/docs/plugins/embedded-video-player

我刚刚在我自己的项目中实现了它,它确实有效但是现在它只能被动地播放(在静音模式下)。这与您在Facebook上滚动浏览新闻Feed时所看到的情况类似。用户必须手动取消静音视频。

我希望这会有所帮助。

答案 4 :(得分:0)

  

waitforclick

     

指示在允许时是否自动播放Flash对象(false)。   出于安全和美观原因,false在配置文件中不起作用,   除了AJAX电话之后。默认值为true

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

你必须将示例代码从底部更改为facebook视频,就像你提供的链接一样。

没有尝试过,但也许有帮助

问候

答案 5 :(得分:0)

由于我没有视频ID,我无法测试,但添加“播放”或“自动播放”参数可能有效:

<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> 

答案 6 :(得分:0)

此处的答案稍有过时,只需更新答案,您可以查看Facebook Documentation了解所有详细信息。

<强> TL; DR:

这是从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>

以下html标记可让您将自动播放设置为true:

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

data-autoplay的默认值当然是false

答案 7 :(得分:-4)

嵌入哪些视频无关紧要。添加代码

<强>&安培;自动播放= 1

到您嵌入的视频的网址末尾应解决该问题并允许视频自动播放。