【问题标题】:How to autoplay embedded Facebook videos?如何自动播放嵌入的 Facebook 视频?
【发布时间】:2012-05-09 18:33:54
【问题描述】:

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

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

【问题讨论】:

    标签: facebook video


    【解决方案1】:

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

    &autoplay=1

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

    【讨论】:

    • 我刚刚查看了链接,我之前没有注意到它。将行 添加到嵌入代码应该可以工作。
    【解决方案2】:

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

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

    【讨论】:

    • @abel 祝你好运,现在可以在移动设备上自动播放任何视频。然而,答案仍然适用于桌面。
    • @SlickRemix 在 iMessage 上,Facebook 视频链接在移动设备上自动播放(在 iOS12 上测试)。所以问题是这是只有 iMessage 才能做的事情,还是每个人都能做的事情。
    • @user1105951 这确实有道理,因为它在 facebook 平台上,但主要问题是关于嵌入 facebook 视频,这需要将它们放在您自己的网站上。
    • iMessage 应用程序 = Apple 平台。 Facebook Messenger = Facebook 平台。
    • 注意:此 URL 模式适用于我的 Google 幻灯片演示文稿。我把它作为一个链接,你点击幻灯片,它会在新标签页中打开。
    【解决方案3】:

    很遗憾Facebook's policies 禁止自动播放内容(谢天谢地)。

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

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

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

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

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

    【讨论】:

    • 谢谢,这很有帮助。一篇文章提到“页面上的应用程序不得托管在没有用户交互的情况下自动播放的媒体。”我认为他们的政策不适用,因为我在自己的网站上播放 Facebook 视频。
    • @MotoTribe 确实,我也发现了这一点,但由于政策的原因,我认为他们使用的 Flash 播放器实际上不能自动播放。我尝试了一些标准的嵌入参数,但都不支持。
    • 看起来 facebook 已经对自动播放政策进行了大转弯,因为他们现在正在新闻源中推出自动播放视频。
    • FB 现在允许您使用嵌入代码上的简单数据属性自动播放。我已经编辑了答案以反映。如果我这样做做错了什么,请告诉我。
    【解决方案4】:

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

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

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

    我希望这会有所帮助。

    【讨论】:

      【解决方案5】:

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

      如果访问视频的 URL 是:

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

      自动播放网址是:

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

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

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

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

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

      【讨论】:

      • 抱歉,这不起作用。您的示例是自动播放嵌入在 facebook 上的 youtube 视频。我希望自动播放嵌入在外部网站中的 Facebook 视频。
      • justin 是对的,但在视频 ID 之后是 &autoplay=1。所以...value="youtube.com/v/xxxxx&autoplay=1"
      • 我不想在 facebook 上嵌入 youtube 视频 - 我想在外部网站上嵌入 facebook 视频 - 然后自动播放
      • @MotoTribe 查看修改后的答案。
      【解决方案6】:

      等待点击

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

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

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

      没试过,可能有帮助

      问候

      【讨论】:

        【解决方案7】:

        由于我没有视频 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> 
        

        【讨论】:

        • 不,那样做不了。 10150683565839444 将是要测试的视频 ID
        【解决方案8】:

        这里的答案有些过时,所以只要有更新的答案,您可以查看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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2018-08-05
          • 2017-11-03
          • 2018-05-25
          • 2021-05-01
          • 2015-05-05
          • 2010-09-28
          • 1970-01-01
          相关资源
          最近更新 更多