在 facebook 嵌入式视频中设置自动播放时如何启用声音?

Posted

技术标签:

【中文标题】在 facebook 嵌入式视频中设置自动播放时如何启用声音?【英文标题】:how to enable sound when autoplay is set in facebook embedded video? 【发布时间】:2015-09-15 11:07:30 【问题描述】:

我在我的网站中嵌入了来自 facebook 的视频,并将其设置为自动播放,但声音是静音的,除非你点击音量,它会播放声音。

【问题讨论】:

从用户的角度来看,这似乎是一件好事。如果在后台选项卡中打开的页面开始在没有询问的情况下用声音纠缠他们,很多人会感到恼火。 【参考方案1】:

只需将&mute=0 添加到 iframe 网址即可。

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2F.....&height=280&mute=0"   style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>

【讨论】:

将 autoplay=1 添加到 url 时不起作用。【参考方案2】:

您实际上可以使用Facebook Embedded Video Player API 来控制您网站中嵌入的视频,例如在页面加载时取消静音。

请注意,这不适用于通过 &lt;iframe&gt; 标签嵌入视频。使用链接中提到的&lt;div&gt; 标签(或参见下面的示例)。

这是我从链接中获得的示例脚本,在 xfbml.ready 事件中插入了 my_video_player.unmute()。确保提供正确的FB appId

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

  <!-- Load Facebook SDK for javascript -->
  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() 
      FB.init(
        appId      : 'your-app-id',
        xfbml      : true,
        version    : 'v2.5'
      );

      // Get Embedded Video Player API Instance
      var my_video_player;
      FB.Event.subscribe('xfbml.ready', function(msg) 
        if (msg.type === 'video') 
          my_video_player = msg.instance;
          my_video_player.unmute();
        
      );
    ;

    (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";
       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- 
    data-autoplay="true"
    data-allowfullscreen="true"></div>

</body>
</html>

【讨论】:

直播视频不会触发“xfbml.ready”,这意味着我们无法访问视频播放器实例。

以上是关于在 facebook 嵌入式视频中设置自动播放时如何启用声音?的主要内容,如果未能解决你的问题,请参考以下文章

使用 Facebook Graph API 发布嵌入式视频链接

将 Youtube 视频嵌入 Facebook 并以特定时间码播放

在 log4j2 jdbcapender 中设置日期时如何处理 null?

在我自己的网站中的嵌入式 youtube 视频中设置时间线

在 ios 应用程序中播放 facebook 视频

通过内联播放在 facebook 上分享嵌入的视频