10

此页面显示如何为任何 Facebook 视频创建嵌入代码以将它们嵌入外部网站。

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

4

8 回答 8

12

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

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

于 2016-05-22T21:11:30.473 回答
8

不幸的是，Facebook 的政策禁止自动播放内容（谢天谢地）。

我试图追踪实际的政策文件，但它被人们谈论它在 Facebook 上被禁止的 SERPS 噪音淹没了！！您可以在StackOverflow和WebApps上找到支持这一概念的问题。

StackOverflow 是官方的 Facebook 开发人员支持渠道，因此他们的用户可能会了解更多有关该主题的信息。

也有可能一些 jQuery 能够伪造点击，但 facebook 更新它的代码如此频繁，以至于我怀疑任何黑客都会持续很长时间。

最佳答案是使用 YouTube 或其他允许您在他们的网络之外分享的频道。对于显然对在其自身边界之外共享视频不感兴趣的网络，不要依赖一种骇人听闻的解决方案。

用户可以轻松更改其视频的隐私设置，如果嵌入内容变得流行，Facebook 可能会尝试破坏嵌入内容的能力。

于 2012-05-15T19:06:35.920 回答
3

对于 Youtube，&autoplay=1在用于自动播放视频的 URL 末尾添加。例如：

如果访问视频的 URL 是：

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

自动播放网址为：

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

以上适用于 Youtube，但 Facebook 有点不同：

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

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

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

于 2012-05-09T19:26:20.220 回答
3

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

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

我刚刚在我自己的项目中实现了这一点，它确实有效，但到目前为止它只会被动播放（在静音模式下）。这与您在 Facebook 上滚动浏览新闻提要时所看到的体验相似。用户必须手动取消视频静音。

我希望这有帮助。

于 2015-08-02T07:11:48.243 回答
0

等待点击

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

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

您必须将示例代码从底部更改为 facebook 视频，就像在您提供的链接中解释的那样。

没试过，但也许有帮助

问候

于 2012-05-15T21:10:58.523 回答
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>
于 2012-05-29T19:47:51.513 回答
0

这里的答案有些过时，所以只要有更新的答案，您可以查看Facebook 文档了解所有详细信息。

TL;博士：

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

于 2017-04-29T16:57:28.643 回答
-3

您嵌入哪些视频并不重要。添加代码

&自动播放=1

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

于 2012-05-15T17:55:18.640 回答